本文实例为大家分享了文字无缝滚动效果,供大家参考,具体内容如下
html
& lt; dl id=把】颉崩?把】颉北?
& lt; dt>
& lt; ul类=罢纺谌荨北?
& lt; li>
& lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”class=皁rderNum祝辞BKCSHC161014002153
& lt;/li>
& lt; li>
& lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”class=皁rderNum祝辞BKCSHC161014002153
& lt;/li>
& lt; li>
& lt; a href=" https://www.yisu.com/zixun/" rel=巴獠縩ofollow”rel=巴獠縩ofollow”rel=巴獠縩ofollow”class=皁rderNum祝辞BKCSHC161014002153
& lt;/li>
…
& lt;/ul>
& lt;/dt>
& lt; dd> & lt;/dd>
& lt;/dl>
之前
js
& lt; script>
$(函数(){
选框(“选框”);
})//订单滚动
var选框=function (id) {
var容器=. getelementbyid (id),
原始=container.getElementsByTagName (dt) [0],
克?container.getElementsByTagName (dd) [0],
liLength=original.getElementsByTagName . length(“李”),
速度=55;
如果(liLength<=8) {
返回
}
克隆。innerHTML=original.innerHTML;
var滚=function () {
如果容器。scrollTop===clone.offsetHeight) {
容器。scrollTop=0;
}
其他{
container.scrollTop + +;
}
}
var计时器=setInterval(滚动,速度)//设置定时器
容器。onmouseover=function () {
clearInterval(计时)
}//鼠标移到选框上时,清除定时器,停止滚动
容器。onmouseout=function () {
计时器=setInterval(滚动、速度)
}//鼠标移开时重设定时器
}
& lt;/script>
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
