jQ,为什么我的提示不会在鼠标旁边呢? 初学者望指点!!
<!DOCTYPEhtml><head><metahttp-equiv="Content-type"content="text/html;chartset=utf-8">...
<!DOCTYPE html><head><meta http-equiv="Content-type" content="text/html;chartset=utf-8"><script src="C:\Users\Administrator\Desktop\JQ\jquery-3.1.1.slim.js"></script><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></html>
展开
2个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询