一般很多的网站特别是企业网站都有一个从左到右的滚动功能。 下面是我从网上找来的,一般网上的都有错误,我把错误修改掉后,分享给大家。
如果您网站需要这样一个从左到右的滚动,可以使用这段代码,保证能用。css样式,可以放在头部head标签里面:<style type="text/css">#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 id="demo"><div id="indemo"><div id="demo1"><img src="www.dedebase.com/dedecms/style/img/img1.png" alt="" /><img src="/dedecms/style/img/img2.png" alt="" /> <a href=""><img src="www.dedebase.com/dedecms/style/img/1.png" alt=""/></a> <a href=""><img src="/dedecms/style/img/2.png" alt=""/></a> <a href=""><img src="/dedecms/style/img/3.png" alt=""/></a> <a href=""><img src="/dedecms/style/img/4.png" alt=""/></a></div><div id="demo2"></div></div></div>js代码,主要是这段代码的作用:<script>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.offsetWidthelse{tab.scrollLeft++;}}var MyMar=setInterval(Marquee,speed);tab.onmouseover=function() {clearInterval(MyMar)};tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};</script>