jquery提示效果实例分析
本文实例讲述了jquery提示效果的用法。分享给大家供大家参考。具体实现方法如下:
<p><ahref="#"class="tooltip"title="这是我的超链接提示1.">提示1.</a></p> <p><ahref="#"class="tooltip"title="这是我的超链接提示2.">提示2.</a></p> <p><ahref="#"title="这是自带提示1.">自带提示1.</a></p> <p><ahref="#"title="这是自带提示2.">自带提示2.</a></p>
$(function(){ $(".tooltip").mouseenter(function(e){ this.mytitle=this.title this.title="" vara="<div>"+this.mytitle+"</div>" $("body").append(a); $("div").css({ "top":(e.pageY+y)+"px", "left":(e.pageX +x)+"px" }).show("fast") }).mouseout(function(){ this.title=this.mytitle; $("div").remove(); }); })