jq 怎样取得鼠标在某个div里的坐标？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jq 怎样取得鼠标在某个div里的坐标？相关的知识，希望对你有一定的参考价值。
参考技术A 我自己写的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="js/jquery-1.6.js"></script>
<script type="text/javascript">
$(function()
var d3=$("#d3");
var d2=$("#d2");
var d1=$("#d1");
$(d2).hide();
$(d1).mousemove(function()
var x=event.offsetX;
var y=event.offsetY;
var a="相对坐标x:"+x+",Y:"+y+"<br>";
var x2=event.clientX;
var y2=event.clientY;
var a2="页面坐标x:"+x2+",Y:"+y2;
$(d3).show();
$(d3).empty().append(a+a2);
)
$(d1).click(function()
var x=event.offsetX;
var y=event.offsetY;
var a="x:"+x+",Y:"+y;
$(d2).show();
$(d2).css("top",y).css("left",x);
$(d2).empty().append(a);
)
$(d1).mouseout(function()
$(d2).hide();
)
)
</script>
<style>
#d1 width:500px; height:300px; background:#CCC; border:1px solid #666; position:relative; left:100px; top:100px;
#d2 height:22px; display:block; line-height:22px; background:#FFF; border:1px solid #FF0; position:absolute;
#d3 position:relative; left:100px; top:100px;
</style>
</head>
<body>
<div id="d1">点击也可查看当前坐标<br>注意div有一个像素的边框
<div id="d2"></div>
</div>
<div id="d3"></div>
</body>
</html>本回答被提问者采纳
怎样实现鼠标滚轮翻页时，当某个div进入窗口时该div的动画播放，div离开窗口时动画回放。
参考技术A 有个事件，但是我忘记了，自己查去！还有一个是定义一个监听，当文档坐标在视口坐标内的时候，执行播放…判断pagexoffset和pageyoffset或者oe中scrollleft和scrolltop与文档坐标的比值，达到，自动播放。追答不是事件，是getboundingclientrect方法，然后可以设置setinterval来做判断
参考技术B 有一些插件 比如swiper fullpage等全屏滚动插件以上是关于jq 怎样取得鼠标在某个div里的坐标？的主要内容，如果未能解决你的问题，请参考以下文章
CSS里鼠标点击div里的LI中的文字时，切换其他文字怎么实现？？？