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 兄妹拍照祝福语简短的话