一段JS 图片滚动代码

Question

  <div id="demo" align="left" style="OVERFLOW:hidden;WIDTH:950px;COLOR:#ffffff">
      <table width="950px" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td id="demo1" runat="server" style="height: 12px"></td>
          <td id="demo2" align="left" style="height: 12px"></td>
        </tr>
      </table>
    </div>
  <script language="javascript" type="text/javascript"> 
  var speed=30   
  demo2.innerHTML=Header1_demo1.innerHTML   
  function   Marquee(){   
  
  if(demo2.offsetWidth-demo.scrollLeft<=0)
  demo.scrollLeft-=Header1_demo1.offsetWidth   
  
  else{   
  demo.scrollLeft++   
  }   
  }   
  var   MyMar=setInterval(Marquee,speed)   
  demo.onmouseover=function()   {clearInterval(MyMar)}   
  demo.onmouseout=function()   {MyMar=setInterval(Marquee,speed)}   
  </script>
主要有两句代码不懂,
(1) demo2.innerHTML=Header1_demo1.innerHTML  
    有了demo1,在这里demo2起什么作用?
(2) if(demo2.offsetWidth-demo.scrollLeft<=0)
    scrollLeft属性怎么理解?
请高手指点下.

Answer 1

http://www.scriptlover.com/controls/marquee/

Answer 2

(1) Header1_demo1里面的内容复制给demo2
(2) 横向滚动条位置把
div的style="overflow:hidden"改为overflow:scroll //滚动条 
再 
function Marquee(){ 
window.status=st0.offsetWidth+"|"+st_st.scrollLeft; //状态栏 
运行自己看

Answer 3

demo2做为一个临时的对象,每次移动当前图片,所以要每次都给它重新赋值Header1_demo1...
元素.offsetWidth表示它自身的宽度....