首页 > 代码库 > 【JQ学习笔记】提示的效果
【JQ学习笔记】提示的效果
<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>
$(function(){ $(".tooltip").mouseenter(function(e){ this.mytitle=this.title this.title="" var a="<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(); }); })
学习心得:
不要在p标签下追加div元素,会出现一个大的偏差值!
原来!this和$("this")是有所不同,如果上文
this.title改写成$("this").attr("title")
会导致下面的mouseout事件无法访问保存下来的title
【JQ学习笔记】提示的效果
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。