dedecms仿站笔记第一篇：dedecms首页实现图片滚动

dedecms首页实现图片滚动，JS调用代码从左向右滚动的代码：

<table width="100%" border="0" cellspacing="1" cellpadding="0" > <tr> <td > <div id="demo" style="overflow: hidden; width: 710px; height:100px" > <table cellpadding="0" align="left" border="0" cellspace="0"> <tr> <td id="demo1" valign="top"><table cellspacing="0" cellpadding="0" width="710" border="0"> <tr align="center"><td>{dede:arclist row='1' titlelen='24' orderby='pubdate' typeid='4' idlist='' channelid='6' col='4' type='image.'}<table cellspacing=2 cellpadding=0 width="98%" border=0><tbody><tr><td align=middle>[field:imglink/]</td></tr><tr><td align=middle>[field:textlink/]</td></tr></tbody></table>{/dede:arclist}</td> </tr> </table></td> <td id="demo2" valign="top"></td> </tr> </table></div><mce:script type="text/javascript" language="JavaScript"><!--//调用向左滚动toleft("demo","demo1","demo2",30,"hehe123")function $(id){return document.getElementById(id)}//向左滚动函数，demo包含demo1与demo2,speed是滚动速度，flag一个网页内有多个时设置为不同的任意字符。function toleft(demo,demo1,demo2,speed,flag){demo=$(demo);demo1=$(demo1);demo2=$(demo2)demo2.innerHTML=demo1.innerHTMLfunction Marquee(){if(demo2.offsetWidth-demo.scrollLeft<=0){demo.scrollLeft-=demo1.offsetWidth}else{demo.scrollLeft++}}flag=setInterval(Marquee,speed)demo.onmouseover=function(){clearInterval(flag);}demo.onmouseout=function(){flag=setInterval(Marquee,speed);}}// --></mce:script></td> </tr></table>