鼠标单击位置定位div

最新推荐文章于 2024-03-04 14:32:16 发布

zengshaotao

最新推荐文章于 2024-03-04 14:32:16 发布

阅读量428

点赞数

文章标签： javascript ViewUI

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

<这里是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>

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
鼠标单击位置定位div

&lt;head&gt;&lt;script language="javascript" src="jquery-1.6.1.js"&gt;&lt;/script&gt; &lt;style type="text/css"&gt; .tanchuang_wrap { width: 400px; height: 300px; position: absolute; backgrou
复制链接

扫一扫

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。