首页 > 特效插件 > 表格弹出层 >  jquery超链接提示插件正文

jquery超链接提示插件

特效介绍
jquery超链接提示插件

鼠标移到a链接上,移除系统默认的title提示,显示自定义的红色背景的a链接的title提示,并且超链接提示会跟随鼠标移动。
使用方法
1、在head区域加入下面的代码:
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>
2、在body任何区域加入调用代码:
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>