<style> * {cursor:hand} </style> <script> /* * author: wanghr100(灰豆寶寶.net) * e-mail: wanghr100@hotmail.com */ //初始化 var x=0; var y=0; function baoDrag() { //記錄鼠標(biāo)所點(diǎn)的位置,X,Y. var x=event.clientX; var y=event.clientY; document.attachEvent("onmousemove",moveHandler); document.attachEvent("onmouseup",upHandler); event.cancelBubble=true; event.returnValue=false; function moveHandler() { //先捕獲鼠標(biāo)新的位置,和鼠標(biāo)點(diǎn)擊開始拖動(dòng)之差為要滾動(dòng)量. var newx=event.clientX-x; var newy=event.clientY-y; //更新鼠標(biāo)位置. x=event.clientX; y=event.clientY; //開始移動(dòng) window.scrollBy(-newx,-newy); event.cancelBubble=true; } function upHandler() { //鼠標(biāo)松開.注銷相關(guān)事件. document.detachEvent("onmouseup",upHandler); document.detachEvent("onmousemove",moveHandler); event.cancelBubble=true; } } //加入鼠標(biāo)事件.拖動(dòng)開始. document.onmousedown=baoDrag; //屏蔽選擇圖片. document.onselectstart=new Function("event.returnValue=false") </script> <body> <!--用圖片按鈕來顯示圖片--> <input type=image src="baby.jpg" style="position:absolute;top:0;left:0;width:1000;height:1000;">
