摘要：
<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%>
<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%>
<%
Stringpath=request.getContextPath();
StringbasePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">
<html>
<head>
<basehref="<%=basePath%>">
<title>MyJSP'index.jsp'startingpage</title>
<metahttp-equiv="pragma"content="no-cache">
<metahttp-equiv="cache-control"content="no-cache">
<metahttp-equiv="expires"content="0">
<metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">
<metahttp-equiv="description"content="Thisismypage">
<!--
<linkrel="stylesheet"type="text/css"href="styles.css">
-->
</head>
<style>
.Drigging{
width:200px;
background:#CCC;
border:solid1px#666;
height:80px;
line-height:80px;
text-align:center;
position:absolute;
}
</style>
<scripttype="text/javascript"src="<%=basePath%>js/jquery-1.9.0.js"></script>
<scripttype="text/javascript">
$(function(){
varbool=false;
varoffsetX=0;
varoffsetY=0;
$(".Drigging").mousedown(function(){
bool=true;
offsetX=event.offsetX;
offsetY=event.offsetY;
$(this).css('cursor','move');
})
.mouseup(function(){
bool=false;
});
$(document).mousemove(function(e){
if(!bool)
return;
varx=event.clientX-offsetX;
vary=event.clientY-offsetY;
$(".Drigging").css("left",x);
$(".Drigging").css("top",y);
});
});
</script>
<body><divclass="Drigging">终于可以拖动啦,其实很简单</div></body>
</html>