Question

DW制作网页，下面代码如何修改才能使鼠标放在滚动图片上时就停止滚动？

滚动图片代码如下
<marquee behavior="scroll" direction="left" bgcolor="#FFFFFF" loop="-1" scrollamount="1" scrolldelay="1" style="12">
<div>
<p><img src="images/学校风景.jpg" width="120" height="80" /> <img src="images/开学典礼.jpg" width="120" height="80" /> <img src="images/家长会.jpg" width="120" height="80" /> <img src="images/捐资助学.jpg" width="120" height="80" /> <img src="images/禁毒教育.jpg" width="120" height="80" /> <img src="images/环境治理.jpg" width="120" height="80" /> <img src="images/县领导到校.jpg" width="114" height="78" /></p>
<p> <span class="STYLE13"> 教学大楼 开学典礼 家长会 捐资助学 禁毒教育 环境治理 领导视察</span></p>
</div></marquee>

Answer 1

在<marquee>标签里添加onMouseOver="this.stop()" onMouseOut="this.start()"即可。

1. onmouseover="this.stop()指的是当你的鼠标移到你定义好的对象时.该对象会停止当前的动作。

2. onmouseout="this.start()指的是当你的鼠标移开你定义好的对象时,该对象会重新刚才的动作。

代码如下，可以实现你说的当鼠标房子图片上停止滚动的效果。

<marquee  onMouseOver="this.stop()" onMouseOut="this.start()" behavior="scroll" direction="left" bgcolor="#FFFFFF" loop="-1" scrollamount="1" scrolldelay="1" style="12">