DIV 鼠标定位
AlisaClass 2012-11-20
<head>
<styletype="text/css">
.tanchuang_wrap{
width:400px;
height:300px;
position:absolute;
background-color:green;
left:200px;
top:200px;
}
</style>
</head>
<scripttype="text/javascript">
functionbodyclick(){
varx=window.event.clientX;//鼠标点击时相对本文档里body标签的位置
vary=window.event.clientY;
//alert("clientX:"+x+"-clientY"+y)
varxx=window.event.screenX;
varyy=window.event.screenY;
vartemp=$(window).scrollTop();
varrr=$("#aaaa").width();
//vartt=x-;
//alert("screenX:"+xx+"-screenY"+yy)
document.getElementById("aaaa").style.left=x-rr/2;
document.getElementById("aaaa").style.top=y+temp;
}
</script>
<bodyonclick="bodyclick()">
<pre>
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
这里为了出现滚动条
</pre>
<divclass="tanchuang_wrap"id="aaaa"onclick="">
</div>
</body><head>
<basehref="<%=basePath%>">
<scriptlanguage="javascript"src="jquery-1.6.1.js"></script>
</head>
<scripttype="text/javascript">
$(function(){
})
</script>
<framesetcols="200,*"rows="100%"border="1px"frameborder="1"framespacing="0px">
<framesrc="frameset/left.jsp"scrolling="no"noresizename="left">
<framesetnamerows="130,*,100"cols="*"border="1"framespacing="0"frameborder="yes">
<framename="rightup"src="frameset/rightup.jsp"frameborder="yes"scrolling="no"noresize>
<framename=""src="frameset/rightmidd.jsp"scrolling=""noresize>
<framename="bottomFrame"src="frameset/rightdown.jsp"frameborder="1"scrolling="no"noresize>
</frameset>
<noframes>
<body>
<p>您的浏览器不支持框架</p>
</body>
</noframes>
</frameset>
</html>
