在25亿企业网站管理系统的官网演示平台多套模板都使用了javascript图片无缝滚动代码。如图所示：
javascript图片无缝滚动代码演示地址：http://demo.25yi.com，在产品推荐处使用的就是图片无缝滚动代码。
<div id=demo style="OVERFLOW: hidden; WIDTH: 620px; align: center">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td id=demo1 vAlign=top>
<table width="620px" height="150" border="0" cellpadding="0" cellspacing="0">
<tr>
/*多张图片循环此段代码*/
<td width="90px" height="150"><a href="#"><img src="BreviaryImg/091127094031562025yi.jpg" width="90px" height="120px" style="border:1px solid #CCCCCC;"/></a><div style="text-align:center; width:90px; height:40px; overflow:hidden;"><a href="#">图片无缝滚动代码</a></div></td>
/*多张图片循环此段代码*/
</tr>
</table></td>
<td id=demo2 vAlign=top> </td>
</tr>
</table>
</div>
/*javascript图片无缝滚动控制代码开始*/
<SCRIPT>
var speed3=25//速度数值越大速度越慢
var t=false;
document.getElementById("demo2").innerHTML=document.getElementById("demo1").innerHTML
function Marquee(){
if(document.getElementById("demo2").offsetWidth-document.getElementById("demo").scrollLeft<=0)
document.getElementById("demo").scrollLeft-=document.getElementById("demo1").offsetWidth
else{
document.getElementById("demo").scrollLeft++;
}
t=false;
}
function RMarquee(){
if(document.getElementById("demo").scrollLeft<=0)
document.getElementById("demo").scrollLeft+=document.getElementById("demo2").offsetWidth
else{
document.getElementById("demo").scrollLeft--
}
t=true;
}
function clickdiv(){
clearInterval(MyMar)
Marquee();
}
function Rclickdiv(){
clearInterval(MyMar)
RMarquee();
}
var MyMar=setInterval(Marquee,speed3)
document.getElementById("demo").onmouseover=function() {clearInterval(MyMar)}
document.getElementById("demo").onmouseout=function() {if(t){MyMar=setInterval(RMarquee,speed3)}else{MyMar=setInterval(Marquee,speed3)}}
</SCRIPT>
/*javascript图片无缝滚动控制代码结束*/