<a href="#" class="tooltip" title="这是我的超链接提示1">提示1</a>
<a href="#" class="tooltip" title="这是我的超链接提示2">提示2</a>
<a href="#" title="这是自带提示1">自带提示1</a>
<a href="#" title="这是自带提示2">自带提示2</a>
<script type="text/javascript">
$(function(){
var x=20;
var y=40;
$("a.tooltip").mouseover(function(e){
this.myTitle=this.title;
this.title='';
var tooltip="<div id='tooltip'>"+this.myTitle+"</div>";
$("body").append(tooltip);
$("#tooltip").css({
"top":(e.pageY+y)+"px",
"left":(e.pageX+x)+"px"
}).show("fast");
}).mouseout(function(){
this.title=this.myTitle;
$("#tooltip").remove();
}).mousemove(function(e){
$("#tooltip").css({
"top":(e.pageY+y)+"px",
"left":(e.pageX+x)+"px"
});
});
})
</script>
为什么设置了pageX和pageY创建的提示框不会随着鼠标移动
答案:2 悬赏:80 手机版
解决时间 2021-03-09 02:12
- 提问者网友：niaiwoma
- 2021-03-08 03:43
最佳答案
- 五星知识达人网友：佘樂
- 2021-03-08 05:16
给你的 #tooltip，设置 position:fixed; 样式就可以了
var tooltip="<div id='tooltip' >"+this.myTitle+"</div>";
var tooltip="<div id='tooltip' >"+this.myTitle+"</div>";
全部回答
- 1楼网友：你可爱的野爹
- 2021-03-08 06:54
给你的 #tooltip，设置 position:fixed; 样式就可以了
var tooltip=""+this.mytitle+"
";