JQuery如何获取到鼠标提留位置的坐标？？用e.pageX,e.pageY好像没生效。。高手帮看看吧
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN"><html><head><title>Test.html...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Test.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function(){
$("a.tooltip").mouseover(function(e){
var tooltip = "<div id='11'>"+this.title+"</div>";
$("body").append(tooltip);
$("#11").css({
"top": e.pageY,"left": e.pageX
,"backgroundColor":"yellow"}).show("fast");
}).mouseout(function(){
$("#11").remove();
});
})
</script>
</head>
<body>
<p><a href="#" class="tooltip" title="这是我的超链接提示1.">提示1.</a></p>
<p><a href="#" class="tooltip" title="这是我的超链接提示2.">提示2.</a></p>
<p> <a href="#" title="这是自带提示1.">自带提示1.</a></p>
<p> <a href="#" title="这是自带提示2.">自带提示2.</a></p>
</body>
</html>
鼠标移上去的时候层显示在文本的最下方，而不是鼠标的旁边。。。 展开
<html>
<head>
<title>Test.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="scripts/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(function(){
$("a.tooltip").mouseover(function(e){
var tooltip = "<div id='11'>"+this.title+"</div>";
$("body").append(tooltip);
$("#11").css({
"top": e.pageY,"left": e.pageX
,"backgroundColor":"yellow"}).show("fast");
}).mouseout(function(){
$("#11").remove();
});
})
</script>
</head>
<body>
<p><a href="#" class="tooltip" title="这是我的超链接提示1.">提示1.</a></p>
<p><a href="#" class="tooltip" title="这是我的超链接提示2.">提示2.</a></p>
<p> <a href="#" title="这是自带提示1.">自带提示1.</a></p>
<p> <a href="#" title="这是自带提示2.">自带提示2.</a></p>
</body>
</html>
鼠标移上去的时候层显示在文本的最下方，而不是鼠标的旁边。。。 展开
2个回答
展开全部
根本不是e.pageY、e.pageX的问题
你没有给div11 加position:absolute; 肯定显示在页面最下面了
$("#11").css({
"top": e.pageY,"left": e.pageX
,"backgroundColor":"yellow"}).show("fast");
改成
$("#11").css({
position:"absolute","top": e.pageY,"left": e.pageX
,"backgroundColor":"yellow"}).show("fast");
就行了
你没有给div11 加position:absolute; 肯定显示在页面最下面了
$("#11").css({
"top": e.pageY,"left": e.pageX
,"backgroundColor":"yellow"}).show("fast");
改成
$("#11").css({
position:"absolute","top": e.pageY,"left": e.pageX
,"backgroundColor":"yellow"}).show("fast");
就行了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
