js相关：jquery悬浮提示框完整实例
发布于 2020-11-21|
摘记: 本文实例讲述了jquery悬浮提示框实现方法。分享给大家供大家参考，具体如下：
```javascript
..
本文实例讲述了jquery悬浮提示框实现方法。分享给大家供大家参考，具体如下：
```javascript
$(function() {
x = 5;
y = 15;
$("p").hover(function(e) {
otitle = this.title;
this.title = "";
var ndiv = "" + otitle + "";
$("body").append(ndiv);
$("#leo").css({
"top" : (e.pageY + y) + "px",
"left" : (e.pageX + x) + "px"
}).show(2000);
$(this).mousemove(function(e) {
$("#leo").css({
"top" : (e.pageY + y) + "px",
"left" : (e.pageX + x) + "px"
}).show(1000);
});
}, function() {
this.title = otitle;
$("#leo").remove();
});
});
#leo {
position: absolute;
border: 1px solid grey;
opacity: 0.8;
background: grey;
}
If you click on me, I will disappear.
If you click on me, I will disappear.
If you click on me, I will disappear.
If you click on me, I will disappear.
```
