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(); }); })
热门推荐
10 祝女儿简短祝福语大全
11 大学新年祝福语简短创意
12 元旦适合的祝福语简短
13 朋友出远门祝福语简短
14 初六简短的祝福语
15 祝男孩生日祝福语简短
16 同事调离的祝福语简短
17 拜年红包的祝福语简短
18 妈妈生日祝福语简短励志