如题:JS幻灯片效果...要鼠标指向图片停止,移开继续的那种...(一定要指向图片不是按钮上)..谢谢

解决方案 »

  1.   

    把下面table里的div换成图片就行<html>
    <head>
    <title>move</title>
    <style type="text/css">
    body {
        margin:0;
        padding:0;
    }
    ul,ol {
        margin:0;
        padding:0;
    }
    td div{
        width:150px;
        height:170px;
        border:solid 1px #060;
    }
    </style>
    </head>
    <body>
    <div style="border:solid 1px #06c;height:200px;width:90%;overflow:hidden" id="inner">
        <table onmouseover="right()" onmouseout="out()">
    <tr>
    <td><div>a</div></td>
    <td><div>b</div></td>
    <td><div>c</div></td>
    <td><div>d</div></td>
    <td><div>e</div></td>
    <td><div>f</div></td>
    <td><div>g</div></td>
    <td><div>h</div></td>
    <td><div>i</div></td>
    <td><div>j</div></td>
    <td><div>k</div></td>
    <td><div>l</div></td>
    <td><div>m</div></td>
    <td><div>n</div></td>
    <td><div>o</div></td>
    </tr>
    </table>
    </div>
    </body>
    <script type="text/javascript">    var d=document.getElementById("inner");
    var left=function(obj) {
        //alert(d.scrollLeft);
        d.scrollLeft-=156;
        leftrun()
    }
    var e=0;
    var lefttm;
    var righttm;
    var right=function(obj) {
    //    d.scrollLeft+=156;
        e=d.scrollLeft+d.style.width
        rightrun()
    }var rightrun = function(){
        clearTimeout(lefttm);
        if(d.scrollLeft>=e){d.scrollLeft=e;return;}
        d.scrollLeft+=2;
        righttm=setTimeout(rightrun,10);
    }
    var leftrun = function(){
        clearTimeout(righttm);
        if(d.scrollLeft<=0){d.scrollLeft=0;return;}
        d.scrollLeft-=2;
        lefttm=setTimeout(leftrun,10);
    }
    function out(){
        if(lefttm) clearTimeout(lefttm);
        if(righttm) clearTimeout(righttm);
    }
    </script>
    </html>
      

  2.   

    给你个例子……那啥,建议使用JQ完成。http://interface.eyecon.ro/demos/slideshow.html自己看吧~
      

  3.   

    下载地址:http://download.csdn.net/source/330873
      

  4.   

    下载地址: <a href='http://download.csdn.net/source/330873'>http://download.csdn.net/source/330873</a>
      

  5.   

    http://www.lanrentuku.com/js/p1.html自己去选吧!