DIV 鼠标定位

AlisaClass 2012-11-20

<head>

<script language="javascript" src="jquery-1.6.1.js"></script>

<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>
 
 
 
 
 <这里是div的框架页面》
<html>

<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>

相关推荐