Question

怎样设置鼠标悬停时滚动的图片或文字停止？

Answer 1

网页上最常用的是MARQUEE，也是最简单的一种：把要想滚动的内容放到<marquee></marquee>中，然后在MARQUEE中设置属性，onmouseover="this.stop();" scrollamount="3" direction="left" onmouseout="this.start();
this.stop()就是表示它停止

也可以用js+div来写
写一个js递调用控制div里面的内容的距离
js就稍微比MARQUEE复杂一点：
下面我给你它的代码

<DIV id=cfdemo style="OVERFLOW: hidden; WIDTH: 100%; HEIGHT: 120px">
<TABLE cellSpacing=0 cellPadding=0 align=left border=0 cellspace="0">
<TBODY>
<TR>
<TD id=cfdemo1>

要滚动的内容,这个滚动是不间隔的滚动

</TD>
<TD id=cfdemo2 width=10></TD></TR></TBODY></TABLE></DIV>
<SCRIPT>
var speed=20; //改变该数值可改变滚动速度，数值越小，速度越快
cfdemo2.innerHTML=cfdemo1.innerHTML
function CFMarquee(){
if(cfdemo2.offsetWidth-cfdemo.scrollLeft<=0)
cfdemo.scrollLeft-=cfdemo1.offsetWidth
else{
cfdemo.scrollLeft++
}
}
var CFMar=setInterval(CFMarquee,speed)
cfdemo.onmouseover=function() {clearInterval(CFMar)}
cfdemo.onmouseout=function() {CFMar=setInterval(CFMarquee,speed)}
</SCRIPT>

如果还不懂就直接问我也可以

Answer 2

onmouseover 当鼠标悬停事件
onmouseout 当鼠标移开事件

this.stop（） 停止事件
this.start（） 开始事件

onmouseover="this.stop()" 停止
onmouseout="this.start()" 开始

如果你已经制作好滚动效果，可以在你运用的布局中加入上述事件