图片向左滚动代码-不间断无缝代码如下：

<div class="cp1">  
<div id="demo" style="overflow:hidden; width:720px;">
<table width="720px" border="0" cellspacing="0" cellpadding="0">
<tr><td id="demo1">
<table width="720px" border="0" cellspacing="3" cellpadding="3"><tr>
<td align="center">
<ul>
<li class="bor">
<a href="#"><a href="#" >
<img src="11.jpg" alt="#"  border="0" width="167" height="127" /></a></li>
<li><a href="#" >蛐蛐工作室</a></li>
</ul>
</td>
<td align="center">
<ul>
<li class="bor">
<a href="#"><a href="#" >
<img src="11.jpg" alt="#"  border="0" width="167" height="127" /></a></li>
<li><a href="#" >蛐蛐工作室</a></li>
</ul>
</td>
<td align="center">
<ul><li class="bor"><a href="#">
<img src="11.jpg" alt="#"  border="0" width="167" height="127" /></a></li>
<li><a href="#" >蛐蛐工作室</a></li></ul>
</td>
</tr>
</table></td>
<td id="demo2"></td>
</tr>
</table>
</div>
</div>

js代码放到</body>上面即可：
<SCRIPT language=JavaScript type=text/javascript>
<!--
var demo = document.getElementById("demo");
var demo1 = document.getElementById("demo1");
var demo2 = document.getElementById("demo2");
var speed=10;    //数值越大滚动速度越慢
demo2.innerHTML = demo1.innerHTML
function Marquee(){
    if(demo2.offsetWidth-demo.scrollLeft<=0)
        demo.scrollLeft-=demo1.offsetWidth
    else{
        demo.scrollLeft++
    }
}
var MyMar = setInterval(Marquee,speed);
demo.onmouseover = function(){clearInterval(MyMar)}
demo.onmouseout = function(){MyMar = setInterval(Marquee,speed)}
-->
</SCRIPT>

css代码根据具体需要调整：

.bor{ border:1px solid #E3E3E3;}
.cp1{margin-left:10px;}
.cp1 ul{ float:left; padding-right:20px; margin-top:5px;}
.cp1 ul li{margin-bottom:5px;}

原创文章如转载，请注明：转载自蛐蛐工作室
原文地址：http://www.qqgzs.com/archives/392.html