“悬停”问题之—循环图与悬停 >> 幽幽天空设计欣赏网页设计原创作品

这是网上最普遍的一个效果！它很常用到！也很值得学！
那好，下面我们就来一起做，一起学会它！

首先来看看怎么实现，使所有的图循环播放的，看下图：

按此在新窗口浏览图片

好了明白了简单的循环道理后接下就来跟我一起做：

请看视频教程：

点击浏览该文件

代码部分解释如下：

帧上代码如下：

stop();//让场景的帧停止。等待响应按钮的事件（命令）；
speed = 3;//定义速度变量，这决定循环图移动的快与慢！
onEnterFrame = function () {
gundongMC._x += speed; //让MC滚动
if (gundongMC._x>=(gundongMC._width/2+600)) {
gundongMC._x = 600;//当gundongMC的宽的一半移出600个像素（即舞台的宽度）时，让gundongMC回到与舞台右对齐的地方
}
};
onMouseMove = function () {
if (gundongMC.hitTest(_xmouse, _ymouse, false)) {
delete this.onEnterFrame;//当鼠标移动时检测：如果鼠标在gundongMC的上面，就让图停止。
}
};
updateAfterEvent()//更新显示，让动画更顺畅！

按钮上的代码如下：

on (release) {
getURL("网址", "_blank");//当按钮按下时，在新窗口打开你的链接。这里的“网址”是你自己定义；
}
on (rollOver) {
delete _root.onEnterFrame;//当鼠标移到按钮上面时，删除onEnterFrame即让图停下
}
on (rollOut) {
_root.play();//当鼠标移到出按钮时，让场景播放，即让图继续滚动！
}

点击浏览该文件

棒上原文件：
点击浏览该文件