jquery提示效果实例分析
2023-06-13 09:15:31 时间
本文实例讲述了jquery提示效果的用法。分享给大家供大家参考。具体实现方法如下:
<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();
});
})
心得体会:
不要在p标签下追加div元素,会出现一个大的偏差值!
原来!this和$("this")是有所不同,如果上文this.title改写成$("this").attr("title")会导致下面的mouseout事件无法访问保存下来的title。
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
- jquery事件delegate()方法用法详解[通俗易懂]
- jwplayer html插件,jQuery插件JWPlayer视频播放器用法实例分析
- jquery回车监听事件及html自定义属性的应用
- jquery选择器用法_jQuery属性选择器
- Jquery 监听回车事件与右键事件
- HTML中给导航栏动态添加active(jQuery方式)
- jQuery温习篇强大的JQuery选择器
- jQuery.Validate使用笔记(jQueryValidation范例)
- 推荐30个新鲜出炉的精美jQuery效果
- 基于jquery的文本框与autocomplete结合使用(asp.net+json)
- Jquery同辈元素选中/未选中效果的实例代码
- jQuery客户端分页实例代码
- jQuery实现自动填充邮箱功能(带下拉提示)
- jQuery实现HTML5placeholder效果实例
- IE8下Jquery获取select选中的值post到后台报错问题
- jQuery+ajax中getJSON()用法实例