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

<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;}