标签：
<!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>
标签：
原文地址：http://blog.csdn.net/dhj2020/article/details/42744791
