要web页面上怎么实现鼠标的三键功能

就是在页面上，点住鼠标左键，就在鼠标点住的位置出现一个想“十”字的标记，这是鼠标左键不放开，向下拖，如果有上下滚动条，就随之动。向右拖，如果有左右滚动条，也随之动。当然，想右下拖，两个滚动条都动。不知道我描述的清楚吗，分就这么都了，请多多指教！

解决方案 »

  1.   

    <html>
    <head>
    <title>用鼠标移动页面</title>
    <style type="text/css">
    <!--
    body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}
    A { COLOR: black; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: none }
     A:hover { COLOR: red; FONT-SIZE: 9pt; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
    a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }-->
    </style>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head><body bgcolor="#fef4d9">
    <CENTER><script language="JavaScript" src="../news2.js"></script></CENTER>
    <center><font color=red face="隶书" size=6>用鼠标移动页面</font></center>
    <br>
    <center>
    <table border=5 bordercolor=blue borderlight=green>
    <tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>请点住左键向上拖动鼠标</strong></font></td></tr>
    <tr><td align=center>
    <SCRIPT>
    var old_y=0;  //记录鼠标按下时的Ｙ轴位置
    var yn=0;  //用于记录鼠标状态
    function moveit()
    {
    if(yn==1 &&  event.button==1)  //如果鼠标左键按下就移动页面
    document.body.scrollTop=(old_y-event.clientY); //移动页面
    }
    function downit()
    {old_y=event.clientY+document.body.scrollTop; //记住鼠标按下时的Ｙ轴位置
    yn=1; //用于记住鼠标已按下
    }function upit()
    {yn=0;}  //记住鼠标已放开document.onmouseup=upit; //鼠标放开时执行upit()函数
    document.onmousedown=downit; //鼠标按下时执行downit()函数
    document.onmousemove =moveit; //鼠标移动时执行moveit()函数
    </SCRIPT>
    </td></tr>
    </table></center>
    <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>
    <br><br>
    <br>
    <center>
    <textarea name=source rows=12 cols=45 class=yk9>
    脚本说明:
    把如下代码加入<body>区域中
    <SCRIPT>
    var old_y=0;  //记录鼠标按下时的Ｙ轴位置
    var yn=0;  //用于记录鼠标状态
    function moveit()
    {
    if(yn==1 &&  event.button==1)  //如果鼠标左键按下就移动页面
    document.body.scrollTop=(old_y-event.clientY); //移动页面
    }
    function downit()
    {old_y=event.clientY+document.body.scrollTop; //记住鼠标按下时的Ｙ轴位置
    yn=1; //用于记住鼠标已按下
    }function upit()
    {yn=0;}  //记住鼠标已放开document.onmouseup=upit; //鼠标放开时执行upit()函数
    document.onmousedown=downit; //鼠标按下时执行downit()函数
    document.onmousemove =moveit; //鼠标移动时执行moveit()函数
    </SCRIPT>
    </textarea>
    <SCRIPT LANGUAGE="JavaScript"><!-- hidefunction goHist(a) {   history.go(a);}//--></script><FORM METHOD="post">
    <INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
    </form>
    </center>
    <br>
    <br>
    </body>
    </html>