js高手进，如何能让鼠标停在图片上的时候停止滚动

JavaScript027

js高手进，如何能让鼠标停在图片上的时候停止滚动,第1张

#box1 div:hover{

animation-play-state: paused

}

animation--play-state属性指定动画是否正在运行或已暂停。

语法： animation-play-state: paused|running

paused 指定暂停动画

running 指定正在运行的动画

如<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

1、<html>

2、<head>

3、<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

4、<title>JS教程:鼠标悬停时显示文字或显示图片</title>

5、<script language="javascript">

6、functionshowPic(sUrl{varx,yx=event.clientXy=event.clientYdocument.getElementById("Layer1").style.left=xdocument.getElementById("Layer1").style.top=ydocument.getElementById("Layer1").innerHTML = "<img src=\"" + sUrl + "\">"  document.g

7、function hiddenPic(){ document.getElementById("Layer1").innerHTML = ""document.getElementById("Layer1").style.display = "none"}

8、</script>

9、</head>

10、<body>

11、<div id="Layer1" style="display:noneposition:absolutez-index:1"></div>

12、<img src="#########" onmouseout="hiddenPic()"

13、onmousemove="showPic(this.src)" title="wowowowo" />   //此行title实现悬停时显示文字onmousemove实现显示图片

14、<p></p>

15、</body>

16、</html>

就是要实现类似网页上滚动图片或者抽奖按钮的效果吧 1按Ctrl＋F8新建影片剪辑元件，把三张图片按Ctrl＋R导入放到舞台，做好图片循环播放的剪辑 2把剪辑从库拖到主场景舞台上，在下面属性面板的实例名称随意起名aaa 3按Ctrl＋F8再做个按钮（偷懒的话可以选窗口－公共库－按钮里面也有现成的） 4主场景时间轴上新建一层放在aaa那层的下面，把做好的三个按钮放在舞台合适位置 5比如要按钮A，B，C暂停对应的A，B，C图片，就选A按钮按F9贴上代码 on (press) { _root.aaa.gotoAndStop(1)} on (release) { _root.aaa.gotoAndPlay(1)} 代码意思是鼠标按下时aaa停止在第一帧，鼠标松开时aaa第一帧继续播放。其他按钮也同样方法，把代码稍微改下，比如按钮B，C对应的图片在第24帧和48帧上，按钮代码就把1换成24，48。 Ctrl＋Enter欣赏效果，图片循环播放，点按钮时停在对应的图片上，松开按钮图片继续循环播放。如果要做鼠标经过和离开实现图片停和放效果，就把代码的(press)换成（rollOver），（release）换成（rollOut）