特效介绍

鼠标移到a链接上,移除系统默认的title提示,显示自定义的红色背景的a链接的title提示,并且超链接提示会跟随鼠标移动。
使用方法
1、在head区域加入下面的代码:01 | <script src= "http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js" ></script> |
02 | <script src= 'jquery.tip.js' ></script> |
03 | <style> |
04 | .tip{ |
05 | position : absolute ; |
06 | border : 1px dashed red ; |
07 | background :pink; |
08 | padding : 2px 5px ; |
09 | font-size : 12px ; |
10 | display : none ; |
11 | } |
12 | </style> |
01 | <script> |
02 | $( function (){ |
03 | /** |
04 | 1.鼠标浮动上去, 系统自带的提示不需要 |
05 | 2.生成div容器,放置到body中去,使用定位 位置使用event对象来获取 |
06 | 3.鼠标移走的时候,tip节点删除 并且a标签title属性恢复正常 |
07 | 4.鼠标来回移动移动 |
08 | **/ |
09 | $( "选择器" ).tip({ |
10 | y : 30, //提示框距离鼠标垂直距离 |
11 | x : 30 //提示框距离鼠标水平距离 |
12 | }); |
13 | }); |
14 | </script> |