图片移动类似走马灯的js

<div id="demo"><!--overflow:hidden;  溢出隐藏-->

    <table id="demoTable" cellpadding="0" cellspacing="0" border="0"> 

        <tr>

<td id="demo1" valign="top" align="center"> 

 <table cellpadding="0" cellspacing="0" border="0"> 

<tr align="center"> 

 

<td align="center">

<img src="图片" border="1" width="90" height="116" alt="">

<img src="图片" border="1" width="90" height="116" alt="">

<img src="图片" border="1" width="90" height="116" alt="">

<img src="图片" border="1" width="90" height="116" alt="">

<img src="图片" border="1" width="90" height="116" alt="">

<img src="图片" border="1" width="90" height="116" alt="">

<img src="图片" border="1" width="90" height="116" alt="">

<img src="图片" border="1" width="90" height="116" alt="">

<img src="图片" border="1" width="90" height="116" alt="">

<img src="图片" border="1" width="90" height="116" alt="">

</td> 

<td width="5">&nbsp;</td>

 

</tr> 

 </table> 

</td> 

<td id="demo2" valign="top"></td> 

        </tr> 

  </table> 

</div> 

<script language="javascript"> 

var speed=1;   //速度数值越大速度越慢 

demo2.innerHTML=demo1.innerHTML ;

//wdemo.scrollLeft=1000

var maxScroll =  1359;   

function Marquee(){

//alert($("demo1").width)

//alert(demo.scrollLeft)

    ///alert(demo2.offsetWidth)

    //从左到右移动

if (demo.scrollLeft >= maxScroll)

{

 demo.scrollLeft=0;

}

else

{

   demo.scrollLeft++ 

}

/*

//从右到左移动

if(demo.scrollLeft<=0)  //有点问题

{

   demo.scrollLeft+=demo2.offsetWidth

}

//offsetLeft:Html元素相对于自己的offsetParent元素的位置;scrollLeft:返回和设置当前横向滚动务的坐标值

else{ 

   demo.scrollLeft-- 

} */

} 

//Marquee()

var MyMar=setInterval(Marquee,speed) 

demo.οnmοuseοver=function() {clearInterval(MyMar)} 

demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)} 

</script>