图片未点击之前从右往左移动,鼠标放在图片上图片停止移动,点击图片时可以链接到别的网页上;当鼠标移走时图片继续从右往左移动;这个效果如何制作。跪求。解惑,各位大神;跪求详细的方法;

解决方案 »

  1.   

    <title>JS图片滚动</title> 
    <div id=demo style=overflow:hidden;height:180;width:600;color:#ffffff> 
    <table align=left cellpadding=0 cellspace=0 border=0> 
    <tr> 
    <td id=demo1 valign=top> 
    <table border=0 cellpadding=0 cellspacing=0> 
    <tr> 
    <td> 
    <TABLE cellSpacing=0 cellPadding=5 border=0> 
    <TBODY> 
    <TR align=middle> 
    <TD> 
    <img src=/jscss/demoimg/wall_s2.jpg> 
    </TD> 
    <TD> 
    <img src=/jscss/demoimg/wall_s3.jpg> 
    </TD> 
    <TD> 
    <img src=/jscss/demoimg/wall_s4.jpg> 
    </TD> 
    <TD> 
    <img src=/jscss/demoimg/wall_s5.jpg> 
    </TD> 
    <TD> 
    <img src=/jscss/demoimg/wall_s6.jpg> 
    </TD> 
    </TR></TBODY> 
    </TABLE> 
    </td></tr> 
    </table> 
    </td><td id=demo2 valign=top></td> 
    </tr> 
    </table> 
    </div> 
    <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>