js无缝滚动

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

</head>

<body>

#demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; width: 500px; }

#demo img { border: 3px solid #F2F2F2; }

#indemo { float: left; width: 800%; } //所有图片的总宽度

#demo1 { float: left; }

#demo2 { float: left; }

</style>

</div>

</div>

var speed=10;

var tab=document.getElementById("demo");

var tab1=document.getElementById("demo1");

var tab2=document.getElementById("demo2");

tab2.innerHTML=tab1.innerHTML;

function Marquee(){

if(tab2.offsetWidth-tab.scrollLeft<=0)

tab.scrollLeft-=tab1.offsetWidth

else{

tab.scrollLeft++;

}

var MyMar=setInterval(Marquee,speed);

tab.onmouseover=function() {clearInterval(MyMar)};

tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};

</script>

</body>

</html>

cloneNode(a)方法接受一个布尔值参数,表示是否深拷贝 true:表示执行深拷贝,复制本节点以及整个子节点树. false:浅拷贝.只复制节点本身. 复制后返回的节点副本属于文档所有,但是并没有父节点.除非使用appendChild,in>>>详细阅读

本文标题：js无缝滚动

地址：http://www.17bianji.com/kaifa2/JS/34496.html