,一般很多的网站特别是企业网站都有一个从左到右的滚动功能。, , 下面是我从网上找来的,一般网上的都有错误,我把错误修改掉后,分享给大家。, 如果您网站需要这样一个从左到右的滚动,可以使用这段代码,保证能用。, ,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.offsetWidth,else{,tab.scrollLeft++;,},},var MyMar=setInterval(Marquee,speed);,tab.onmouseover=function() {clearInterval(MyMar)};,tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};, ,</script>