jquery提示效果实例分析

更新时间：2014年11月25日 16:23:54 投稿：shichen2014

这篇文章主要介绍了jquery提示效果,以一个简单实例较为详细的分析了jQuery提示效果的实现方法与相关注意事项,具有一定的参考借鉴价值,需要的朋友可以参考下

本文实例讲述了jquery提示效果的用法。分享给大家供大家参考。具体实现方法如下：

$(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。

希望本文所述对大家的jQuery程序设计有所帮助。

您可能感兴趣的文章:

利用javascript/jquery对上传文件格式过滤的方法
jquery中对上传文件格式过滤的方法,需要的朋友参考下。
2009-07-07
jquery实现简单的轮换出现效果实例
这篇文章主要介绍了jquery实现简单的轮换出现效果,涉及jquery针对图片样式切换效果的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-07-07
jquery 跨域访问问题解决方法(笔记)
对于js跨域访问，在先前也曾碰到过，但可能并没有认真去对待，可能查看过相关资料，但当着两天再次碰到这个问题时，走了不少弯路才找到问题原因。记下这次解决过程，为自己不再强大的记忆力默哀一下。
2011-06-06
jQuery实现form表单基于ajax无刷新提交方法详解
这篇文章主要介绍了jQuery实现form表单基于ajax无刷新提交方法,结合实例形式分析了jQuery使用$.ajax()方法实现无刷新提交的详细步骤与实现技巧,并附带了一个较为完整的实例供大家参考,需要的朋友可以参考下
2015-12-12
jQuery中常用动画效果函数知识点整理
这篇文章我们给大家整理了关于jQuery中常用动画效果函数的相关知识点内容，有兴趣的朋友可以学习下。
2018-08-08
JQuery中属性过滤选择器用法实例分析
这篇文章主要介绍了JQuery中属性过滤选择器用法,实例分析了jQuery属性过滤选择器的相关使用技巧,需要的朋友可以参考下
2015-05-05
详解jQuery Mobile自定义标签
这篇文章主要介绍了jQuery Mobile自定义标签的相关资料,需要的朋友可以参考下
2016-01-01
jQuery过滤选择器用法示例
这篇文章主要介绍了jQuery过滤选择器用法,包括可见性过滤:hidden、:visible,包含过滤:contains等各种常用的过滤选择器,需要的朋友可以参考下
2016-09-09
jQuery插件之validation插件
最常使用javascript的场合就是表单的验证，而jQuery作为一个优秀的javascript库，也提供了一个优秀的表单验证插件——Validation。本文将详细介绍validation插件。下面跟着小编一起来看下吧
2017-03-03
jQuery实现的一个自定义Placeholder属性插件
这篇文章主要介绍了jQuery实现的一个自定义Placeholder属性插件,本文最后附有插件完整源码,需要的朋友可以参考下
2014-08-08