【~~求无间隙向左滚动代码~~】

【求无间隙向左滚动代码】

求一段无间隙向左滚动代码，向左滚动的元素可以插入块级元素，如div。
现在想要的效果是一窜向左滚动的元素，每个元素中有一张图片和这张图片的文字说明，
文字说明在图片的下面。|----------|
|---img----|
|----------|
<text>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<marquee>  来实现啊
或者是
<div id=demo style="BACKGROUND: #ffffff; OVERFLOW: hidden; WIDTH: 510px; COLOR: #ffffff; HEIGHT: 110px">
<table cellPadding=0 align=center border=0 cellspace="0">
<tr>
  <td id=demo1 vAlign=top>
  
  </td>
  <td id=demo2 vAlign=top>
  </td>
</tr>
</table>
<SCRIPT>
             var speed=30
             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>
</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<title>JS实现图片无间隙滚动代码-兼容IE-FF</title>
<style type="text/css">
body{
margin:0px auto;
padding:0px;

}
ul,li{
margin:0px;
padding:0px;
list-style:none;

}
.sqBorder {
width:402px;
        margin:0px auto;
height:64px;
padding:10px;
border:1px #000000 solid;
background:#ccc;

}
.scroll_div {
width:400px;
height:80px;
margin:0 auto;
overflow: hidden;
white-space: nowrap;
background:#ffffff;

}
.scroll_div table {
width:120px;
height:60px;
border: 0;
margin: auto 8px;
border:0px #efefef solid;
display:inline;

}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{
display:inline;

}/*设置ul和li横排*/</style>
</head>
<body>
<script language="javascript">
function ScrollImgLeft(){
var speed=20
var scroll_begin = document.getElementById("scroll_begin");
var scroll_end = document.getElementById("scroll_end");
var scroll_div = document.getElementById("scroll_div");
scroll_end.innerHTML=scroll_begin.innerHTML
function Marquee(){
    if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
      scroll_div.scrollLeft-=scroll_begin.offsetWidth
    else
      scroll_div.scrollLeft++
}
var MyMar=setInterval(Marquee,speed)
scroll_div.onmouseover=function() {clearInterval(MyMar)}
scroll_div.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
}
</script>
<h2 align="center">向左滚动</h2>
<div style="text-align:center">
<div class="sqBorder">

    <div id="scroll_div" class="scroll_div">
      <div id="scroll_begin">
        <ul>
          <li><table><tr><td><img src="http://www.csdn.net/Images/logo_csdn.gif" /></td></tr><tr><td>1</td></tr></table></li>
          <li><table><tr><td><img src="http://www.csdn.net/Images/logo_csdn.gif" /></td></tr><tr><td>2</td></tr></table></li>
          <li><table><tr><td><img src="http://www.csdn.net/Images/logo_csdn.gif" /></td></tr><tr><td>3</td></tr></table></li>
          <li><table><tr><td><img src="http://www.csdn.net/Images/logo_csdn.gif" /></td></tr><tr><td>4</td></tr></table></li>
          <li><table><tr><td><img src="http://www.csdn.net/Images/logo_csdn.gif" /></td></tr><tr><td>5</td></tr></table></li>
        </ul>
      </div>
      <div id="scroll_end"></div>
    </div>

</div>
<script type="text/javascript">ScrollImgLeft();</script>
</div>

</body>
</html>
http://www.scriptlover.com/controls/
有下载.
无聊时用动态原型改写的一个不间断向上(向左或向右，都有说明修改)滚动http://blog.csdn.net/chinmo/archive/2009/01/11/3748304.aspx