不间断上下循环滚动的公告栏效果
-//W3C//DTD HTML 4.0 Transitional//EN”>
不间断上下循环滚动的公告栏效果
·本周捐赠逾亿元(8.22发布) ·本周捐赠总额4716万元(8.15发布) ·本周捐赠总额3.113亿元(8.8发布) ·本周捐赠总额9.6亿元(8.1发布) ·本周捐赠总额6.447亿元(7.25发布) ·本周捐赠总额11.66亿元(7.18发布) ·本周捐赠总额13.26亿元(7.11发布) ·本周捐赠总额18.41亿元(7.04发布) ·本周捐赠数据139.6亿元(6.27发布) ·本周捐赠总额18.41亿元(7.04发布) |
var speed = 50
var _demo = document.getElementById(“demo”);
var _demo1 = document.getElementById(“demo1”);
var _demo2 = document.getElementById(“demo2”);
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(_demo2.offsetTop-_demo.scrollTop<=0){
_demo.scrollTop-=_demo1.offsetHeight
}else{
_demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
_demo.οnmοuseοver=function() {clearInterval(MyMar)}
_demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
标签:php,js