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.innerHTML function Marquee(){ if(demo2.offsetWidth-demo.scrollLeft<=0){ demo.scrollLeft-=demo1.offsetWidth } else{ demo.scrollLeft++ } } flag=setInterval(Marquee,speed) demo.οnmοuseοver=function(){clearInterval(flag);} demo.οnmοuseοut=function(){flag=setInterval(Marquee,speed);} } // --></mce:script> </td> </tr> </table>