<style>
* {cursor:hand}
</style>
<script>
/*
* author: wanghr100(灰豆宝宝.net)
* e-mail: wanghr100@hotmail.com
*/
//初始化
var x=0;
var y=0;
function baodrag() {
//记录鼠标所点的位置,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() {
//先捕获鼠标新的位置,和鼠标点击开始拖动之差为要滚动量.
var newx=event.clientx-x;
var newy=event.clienty-y;
//更新鼠标位置.
x=event.clientx;
y=event.clienty;
//开始移动
window.scrollby(-newx,-newy);
event.cancelbubble=true;
}
function uphandler() {
//鼠标松开.注销相关事件.
document.detachevent("onmouseup",uphandler);
document.detachevent("onmousemove",movehandler);
event.cancelbubble=true;
}
}
//加入鼠标事件.拖动开始.
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;">
