jquery实现鼠标移动出现提示信息效果代码
2013-09-05 20:25
489 查看
本文章来给各位同学详细介绍关于jquery实现鼠标移动出现提示信息效果代码,有需要了解学习的同学不防进入参考。
<p style="text-align:center"><a href="http://www.php100.com/" class="jqueryba" title="欢迎大家来我的小博客">jquery博客</a>前端开发</p> <script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script language="javascript"> this.jqueryba = function(){ xOffset = 10; yOffset = 20; $("a.jqueryba").hover(function(e){ this.t = this.title; this.title = ""; $("body").append("<p id='jqueryba'>"+ this.t +"</p>"); $("#jqueryba") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px") .fadeIn("fast"); }, function(){ this.title = this.t; $("#jqueryba").remove(); }); $("a.jqueryba").mousemove(function(e){ $("#jqueryba") .css("top",(e.pageY - xOffset) + "px") .css("left",(e.pageX + yOffset) + "px"); }); }; $(document).ready(function(){ jqueryba(); }); </script>
相关文章推荐
- jquery实现鼠标移动出现提示信息(转自www.jqueryba.com)
- jquery实现鼠标移动出现提示信息
- jquery实现鼠标移动出现提示信息
- jquery实现鼠标移动出现提示信息
- Javascript 实现鼠标移动到html元素出现提示框 转
- jQuery实现鼠标悬停显示提示信息窗口的方法
- jquery实现的提示浮层跟随鼠标移动
- jquery当鼠标移动到button按钮控件时,会出现提示信息
- jQuery实现鼠标经过弹出提示信息的地图热点效果
- jquery实现的提示浮层跟随鼠标移动
- jquery插件实现鼠标移动到中国地图提示框地区数据提示的特效
- jQuery实现鼠标经过提示信息的地图热点效果
- jQuery实现鼠标悬停显示提示信息窗口的方法
- java中怎样实现当鼠标移动到按钮的时候有提示文字出现
- jquery实现跟随鼠标移动显示页面信息
- Dev系列控件之XtraChart高级应用(模拟flash鼠标移动,点击实现相关信息提示)
- jQuery实现鼠标经过弹出提示信息的地图热点效果
- jquery实现:提示文本/图片跟随鼠标移动
- Dev系列控件之XtraChart高级应用(模拟flash鼠标移动,点击实现相关信息提示)
- JQuery实现超链接鼠标提示效果的方法