JS图片横向纵向滚动

<div id=demo style= "overflow:hidden;width:200px;border:2px solid #e0e0e0;padding:2px;" onmouseover= "stopscroll();"   onmouseout= "doscroll()" > <div id= "demo1" style= "white-space:nowrap;padding:0;" > <a href= "javascript:alert('发表新贴');" ><img src= "图片URL" height=20 width=104   border=0></a> <a href= "javascript:alert('发表回复');" ><img src= "图片URL" height=20 width=104   border=0></a> </div> </div> <!--滚动的javascript--> <script> var t=demo.scrollWidth demo1.innerHTML+=demo1.innerHTML function doMarquee() { demo.scrollLeft=demo.scrollLeft<demo.scrollWidth-demo.offsetWidth?demo.scrollLeft+1:t-demo.offsetWidth } function doscroll() {     sc=setInterval(doMarquee,20) } function stopscroll() {     clearInterval(sc) } doscroll() </script> <!--滚动的javascript结束-->

 

2.纵向

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

<div id= "demo" style= "height:110px; overflow:hidden " >      <div id= "demo1" > <a href= "javascript:alert('发表新贴');" ><img src= "图片URL" height=20 width=104   border=0></a> <a href= "javascript:alert('发表回复');" ><img src= "图片URL" height=20 width=104   border=0></a> </div><div id= "demo2" ></div>   <!--滚动的javascript--> <script> var speed=100 demo2.innerHTML=demo1.innerHTML function Marquees(){ if (demo2.offsetTop-demo.scrollTop<=0) demo.scrollTop-=demo1.offsetHeight else { demo.scrollTop++ } } var MyMars=setInterval(Marquees,speed) demo.onmouseover= function () { clearInterval(MyMars) } demo.onmouseout= function () { MyMars=setInterval(Marquees,speed) } zlselect( '6' ); </script><!--滚动的javascript结束--> </div>