如何点击图片控制滚动条?

漫画网站用的..
像这样 www.imanhua.com/comic/55/list_39113.html?p=6   
点击图片可以拖动查看的哪位好人可以提供代码?.................................

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <style>
    div {
    background-image: url("http://121.14.157.211:82//Files/Images/55/39113/imanhua_007_170428250.png");
    border: 1px solid red;
    width: 100%;
    height: 90%;
    position: absolute;
    margin: 0 auto;
    }
    </style>
    <body>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <br/><br/><br/><br/><br/><br/><br/><br/><br/>
    <div id="container"></div>
    <script type="text/javascript">
    <!--
    // 只给你写的IE
    if(/*@cc_on!@*/0){
    (function(){
    var o = document.getElementById('container');
    var currntY = 0, mount = 0;
    o.onmousedown = function(){
    this.style.cursor = "move";
    o.setCapture();
    currentY = window.event.clientY;
    o.onmousemove = function(){
    mount = currentY - window.event.clientY;
    document.documentElement.scrollTop += mount;
    currentY = window.event.clientY;
    }
    o.onmouseup = function(){
    o.onmousemove = null;
    this.style.cursor = "";
    o.releaseCapture();
    }
    }
    })();
    }
    //-->
    </script>
    </body>