jquery提示效果实例分析


Posted in Javascript onNovember 25, 2014

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

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

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

Javascript 相关文章推荐
javascript中数组的sort()方法的使用介绍
Dec 18 Javascript
批量修改标签css样式以input标签为例
Jul 31 Javascript
js中window.open打开一个新的页面
Aug 10 Javascript
15个常用的jquery代码片段
Dec 19 Javascript
jQuery获取this当前对象子元素对象的方法
Nov 29 Javascript
JS验证字符串功能
Feb 22 Javascript
微信小程序url与token设置详解
Sep 26 Javascript
JS开发中基本数据类型具体有哪几种
Oct 19 Javascript
JS数组实现分类统计实例代码
Sep 30 Javascript
利用angular自动编译andriod APK的绕坑经历分享
Mar 08 Javascript
详解Js里的for…in和for…of的用法
Mar 28 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
May 01 Javascript
jQuery操作cookie方法实例教程
Nov 25 #Javascript
JavaScript常用验证函数实例汇总
Nov 25 #Javascript
JavaScript导出Excel实例详解
Nov 25 #Javascript
JS倒计时代码汇总
Nov 25 #Javascript
jquery中push()的用法(数组添加元素)
Nov 25 #Javascript
Jquery焦点图实例代码
Nov 25 #Javascript
jQuery事件绑定和委托实例
Nov 25 #Javascript
You might like
如何冲泡挂耳包咖啡?技巧是什么
2021/03/04 冲泡冲煮
PHP截取汉字乱码问题解决方法mb_substr函数的应用
2008/03/30 PHP
PHP中include()与require()的区别说明
2017/02/14 PHP
Laravel 创建可以传递参数 Console服务的例子
2019/10/14 PHP
在chrome中window.onload事件的一些问题
2010/03/01 Javascript
JavaScript动态改变HTML页面元素例如添加或删除
2014/08/10 Javascript
浅谈JS原生Ajax,GET和POST
2016/06/08 Javascript
js+html制作简单验证码
2017/02/16 Javascript
javascript防篡改对象实例详解
2017/04/10 Javascript
jQuery实现的简单在线计算器功能
2017/05/11 jQuery
浅谈通过JS拦截 pushState和replaceState事件
2017/07/21 Javascript
原生JS上传大文件显示进度条 php上传文件代码
2020/03/27 Javascript
Bootstrap Table 搜索框和查询功能
2017/11/30 Javascript
Vue.js 踩坑记之双向绑定
2018/05/03 Javascript
checkbox在vue中的用法小结
2018/11/13 Javascript
微信小程序实现卡片层叠滑动效果
2019/06/21 Javascript
jquery图片预览插件实现方法详解
2019/07/18 jQuery
vue使用screenfull插件实现全屏功能
2020/09/17 Javascript
[48:20]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python使用calendar输出指定年份全年日历的方法
2015/04/04 Python
python获取目录下所有文件的方法
2015/06/01 Python
Python操作Word批量生成文章的方法
2015/07/28 Python
Python实现信用卡系统(支持购物、转账、存取钱)
2016/06/24 Python
python进程管理工具supervisor的安装与使用教程
2017/09/05 Python
Django开发的简易留言板案例详解
2018/12/04 Python
分享8点超级有用的Python编程建议(推荐)
2019/10/13 Python
鼠标滚轮事件和Mac触控板双指事件
2019/12/23 HTML / CSS
印度民族服装购物网站:BIBA
2019/08/05 全球购物
什么是会话Bean
2015/05/14 面试题
建筑工程实习自我鉴定
2013/09/19 职场文书
职务说明书范文
2014/05/07 职场文书
法制宣传口号
2014/06/16 职场文书
党的群众路线教育实践活动对照检查剖析材料
2014/10/09 职场文书
小学语文复习计划
2015/01/19 职场文书
解决Swagger2返回map复杂结构不能解析的问题
2021/07/02 Java/Android
云服务器部署 Web 项目的实现步骤
2022/06/28 Servers