<head>
<script language="javascript" src="jquery-1.6.1.js"></script>
<style type="text/css">
.tanchuang_wrap {
width: 400px;
height: 300px;
position: absolute;
background-color: green;
left: 200px;
top: 200px;
}
</style>
</head>
<script type="text/javascript">
function bodyclick(){
var x = window.event.clientX;//鼠标点击时相对本文档里body标签的位置
var y = window.event.clientY;
//alert("clientX:"+x+"-clientY"+y)
var xx = window.event.screenX;
var yy = window.event.screenY;
var temp = $(window).scrollTop();
var rr =$("#aaaa").width();
//var tt = x-;
//alert("screenX:"+xx+"-screenY"+yy)
document.getElementById("aaaa").style.left=x-rr/2;
document.getElementById("aaaa").style.top=y+temp;
}
</script>
<body οnclick="bodyclick()">
<pre>
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
</pre>
<div class="tanchuang_wrap" id="aaaa" οnclick="">
</div>
</body>
<style type="text/css">
.tanchuang_wrap {
width: 400px;
height: 300px;
position: absolute;
background-color: green;
left: 200px;
top: 200px;
}
</style>
</head>
<script type="text/javascript">
function bodyclick(){
var x = window.event.clientX;//鼠标点击时相对本文档里body标签的位置
var y = window.event.clientY;
//alert("clientX:"+x+"-clientY"+y)
var xx = window.event.screenX;
var yy = window.event.screenY;
var temp = $(window).scrollTop();
var rr =$("#aaaa").width();
//var tt = x-;
//alert("screenX:"+xx+"-screenY"+yy)
document.getElementById("aaaa").style.left=x-rr/2;
document.getElementById("aaaa").style.top=y+temp;
}
</script>
<body οnclick="bodyclick()">
<pre>
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
</pre>
<div class="tanchuang_wrap" id="aaaa" οnclick="">
</div>
</body>
<这里是div的框架页面》
<html>
<head>
<base href="<%=basePath%>">
<script language="javascript" src="jquery-1.6.1.js"></script>
</head>
<script type="text/javascript">
$(function(){
})
</script>
<frameset cols="200,*" rows="100%" border="1px" frameborder="1" framespacing="0px">
<frame src="frameset/left.jsp" scrolling="no" noresize name="left">
<frameset name rows="130,*,100" cols="*" border="1" framespacing="0" frameborder="yes" >
<frame name="rightup" src="frameset/rightup.jsp" frameborder="yes" scrolling="no" noresize >
<frame name="" src="frameset/rightmidd.jsp" scrolling="" noresize>
<frame name="bottomFrame" src="frameset/rightdown.jsp" frameborder="1" scrolling="no" noresize>
</frameset>
<noframes>
<body>
<p>您的浏览器不支持框架</p>
</body>
</noframes>
</frameset>
</html>
<head>
<base href="<%=basePath%>">
<script language="javascript" src="jquery-1.6.1.js"></script>
</head>
<script type="text/javascript">
$(function(){
})
</script>
<frameset cols="200,*" rows="100%" border="1px" frameborder="1" framespacing="0px">
<frame src="frameset/left.jsp" scrolling="no" noresize name="left">
<frameset name rows="130,*,100" cols="*" border="1" framespacing="0" frameborder="yes" >
<frame name="rightup" src="frameset/rightup.jsp" frameborder="yes" scrolling="no" noresize >
<frame name="" src="frameset/rightmidd.jsp" scrolling="" noresize>
<frame name="bottomFrame" src="frameset/rightdown.jsp" frameborder="1" scrolling="no" noresize>
</frameset>
<noframes>
<body>
<p>您的浏览器不支持框架</p>
</body>
</noframes>
</frameset>
</html>