织梦怎么弄最新文章缩略图左右滚动

调用的js如下：var speed=20;//数值越大，速度越慢 var Side=3;var demo2=document.getElementById('demo2');var demo1=document.getElementById('demo1');var demo=document.getElementById('demo');demo.scrollLeft=demo.scrollWidthfunction MarqueeLeft(){if(demo2.offsetWidth-demo.scrollLeft<=0)demo.scrollLeft-=demo1.offsetWidthelse{demo.scrollLeft++}}function MarqueeRight(){if(demo.scrollLeft<=0)demo.scrollLeft+=demo2.offsetWidthelse{demo.scrollLeft--}}var MyMar=setInterval(MarqueeRight,speed);demo.onmouseover=function() {clearInterval(MyMar);}demo.onmouseout=function() {MyMar=setInterval(MarqueeRight,speed);}function changeRedirect(i){clearInterval(MyMar); if(i==0)  {  MyMar=setInterval(MarqueeLeft,speed);   demo.onmouseout=function() {MyMar=setInterval(MarqueeLeft,speed);} } else {  MyMar=setInterval(MarqueeRight,speed);  demo.onmouseout=function() {MyMar=setInterval(MarqueeRight,speed);} }}

css怎么写，如下：.a{width:980px;height:165px;margin-top:56px;float:left;overflow:hidden;}#demo{overflow:hidden;width:820px;margin-top:4px;margin-left:20px;float:left;}.zuo{width:35px;height:35px;float:left;margin-left:22px;margin-top:63px;}.you{width:35px;height:35px;float:left;margin-top:63px;margin-left:20px;}#demo2{}#dbzp{width:820px;}.title_hdp{width:134px;float:left;color:#000000;font-size:12px;margin-top:8px;margin-bottom:8px;}.suoluetu_anli{width:134px;height:115px;float:left;text-align:center;}.suoluetu_anli img{width:104px;height:102px;float:left;border:#3f77c4 solid 2px;}#dbzp li{width:134px;height:145px;float:left;margin-top:10px;}#dbzp{width:1340px;}

这就是代码，想利用的话，修改成自己网站对应的，即可，另外还需要调用一个封装类，MSClass.js，网上多的是，下载一个调用