<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>e.pageX和e.pageY鼠标提示JS</title>
<script type="text/javascript" src="http://mobile.yesky.com/fashion/js/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$(".tooltip").each(function(i){
$(this).mouseover(function(e) {
var tooltip = "<div id='tip'>" + $(".tooltip").eq(i).attr("text") + "</div>";
$("body").append(tooltip);
$("#tip").css({
'position': 'absolute',
'padding':'5px',
'font-size':'12px',
'top': e.pageY,
'left': e.pageX,
'background': 'silver'
}).show("fast")
}).mouseout(function() {
$("#tip").remove()
})
})
})
</script>
</head>
<body>
<p class="tooltip" text="e.pageX和e.pageY鼠标提示1">提示1</p>
<p class="tooltip" text="e.pageX和e.pageY鼠标提示2">提示2</p>
<p title="鼠标提示3">提示3</p>
<p title="鼠标提示4">提示4</p>
</body>
</html>
时间： 2024-10-05 21:28:15