求一段代码` 鼠标点动(上) 或者 (下)JS

本帖最后由 mali22 于 2009-09-02 15:12:41 编辑

解决方案 »

  1.   

    http://www.pb89.com/goods/4606.html 如此站旁边的`那个历史浏览``
      

  2.   

    把a,b,c,d,e换成<img></img> 就是你要的<html>
    <head>
    <title>pic</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>
    <input type="button" onclick="left(this)" value="left" ID="Button1" NAME="Button1"/><input type="button" onclick="right(this)" value="right" ID="Button2" NAME="Button2"/>
    <div style="border:solid 1px #06c;height:520px;width:90%;overflow:hidden" id="inner">
    <table ID="Table1">
    <tr>
    <td><div>a</div></td></tr>
    <tr>
    <td><div>b</div></td></tr>
    <tr><td><div>c</div></td></tr>
    <tr><td><div>d</div></td></tr>
    <tr><td><div>e</div></td></tr>
    <tr><td><div>f</div></td></tr></tr>
    </table>
    </div>
    </body>
    <script type="text/javascript">    var d=document.getElementById("inner");
    var left=function(obj) {
        //alert(d.scrollLeft);
        d.scrollTop-=156;
        if(d.scrollTop==0) alert("first")
    } 
    var right=function(obj) {
    //    d.scrollLeft+=156;
        for(var i=0;i<156;i++) {
            (function(i){
                setTimeout(function() {
                    d.scrollTop+=1;
                },100);
            })(i)
        }
        if(d.scrollTop>520) alert("last")
    }
    </script>
    </html>
      

  3.   

    两张图显示<html>
    <head>
    <title>pic</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>
    <input type="button" onclick="left(this)" value="left" ID="Button1" NAME="Button1"/><input type="button" onclick="right(this)" value="right" ID="Button2" NAME="Button2"/>
    <div style="border:solid 1px #06c;height:350px;width:90%;overflow:hidden" id="inner">
    <table ID="Table1">
    <tr>
    <td><div>a</div></td></tr>
    <tr>
    <td><div>b</div></td></tr>
    <tr><td><div>c</div></td></tr>
    <tr><td><div>d</div></td></tr>
    <tr><td><div>e</div></td></tr>
    <tr><td><div>f</div></td></tr></tr>
    </table>
    </div>
    </body>
    <script type="text/javascript">    var d=document.getElementById("inner");
    var left=function(obj) {
        //alert(d.scrollLeft);
        d.scrollTop-=156;
        if(d.scrollTop==0) alert("first")
    } 
    var right=function(obj) {
    //    d.scrollLeft+=156;
        for(var i=0;i<156;i++) {
            (function(i){
                setTimeout(function() {
                    d.scrollTop+=1;
                },100);
            })(i)
        }
        if(d.scrollTop>620) alert("last")
    }
    </script>
    </html>