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

如题所述

网页上最常用的是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>

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

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/2s7ffq4ss.html