标签提示

最新推荐文章于 2017-11-27 19:08:58 发布

quyanli123_126_com

最新推荐文章于 2017-11-27 19:08:58 发布

阅读量396

点赞数 1

文章标签： function class div

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/quyanli123_126_com/article/details/6456642

版权

<script>
$(function(){
var x=10;
var y=20;
$("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>
</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>

quyanli123_126_com

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
标签提示

<br /><script><br />$(function(){<br /> var x=10;<br /> var y=20;<br /> $("a.tooltip").mouseover(function(e){<br /> this.myTitle=this.title;<br /> this.title='';<br /> var tooltip="<div id='tooltip'>"+this.myTitle+"</div>";<br /> $("body").append(toolt
复制链接

扫一扫

评论

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

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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