<html>
<head>
<title>效果</title>
<script type="text/javascript">
var old_y=0;  //记录鼠标按下时的Y轴位置
var mouseY=0;  //用于记录鼠标状态
function moveit()
{
if(mouseY==1 &&  event.button==1)  //如果鼠标左键按下就移动页面
document.body.scrollTop=(old_y-event.clientY); //移动页面
}
function downit()
{old_y=event.clientY+document.body.scrollTop; //记住鼠标按下时的Y轴位置
mouseY=1; //用于记住鼠标已按下
}
function upit()
{mouseY=0;}  //记住鼠标已放开
document.onmouseup=upit; //鼠标放开时执行upit()函数
document.onmousedown=downit; //鼠标按下时执行downit()函数
document.onmousemove =moveit; //鼠标移动时执行moveit()函数
</script>
</head>
<body>
……
</body>
</html>//可以运行 但是下面的jsp就不可以了<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>用JavaScript实现像PDA式的页面鼠标拖动效果!</title>
<script type="text/javascript">
var old_y=0;  //记录鼠标按下时的Y轴位置
var mouseY=0;  //用于记录鼠标状态
function moveit()
{
if(mouseY==1 &&  event.button==1)  //如果鼠标左键按下就移动页面
document.body.scrollTop=(old_y-event.clientY); //移动页面
}
function downit()
{old_y=event.clientY+document.body.scrollTop; //记住鼠标按下时的Y轴位置
mouseY=1; //用于记住鼠标已按下
}
function upit()
{mouseY=0;}  //记住鼠标已放开
document.onmouseup=upit; //鼠标放开时执行upit()函数
document.onmousedown=downit; //鼠标按下时执行downit()函数
document.onmousemove =moveit; //鼠标移动时执行moveit()函数
</script>
</head>
<body>
……
</body>
</html>