jquery超链接提示插件
- 作者：网页模板
- 大小：0.016MB
- 点击次数：
- 发布时间：2014-04-16 10:52
特效介绍
鼠标移到a链接上，移除系统默认的title提示，显示自定义的红色背景的a链接的title提示，并且超链接提示会跟随鼠标移动。
使用方法
1、在head区域加入下面的代码：<script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>
<script src='jquery.tip.js'></script>
<style>
.tip{
position:absolute;
border:1px dashed red;
background:pink;
padding:2px 5px;
font-size:12px;
display:none;
}
</style>
2、在body任何区域加入调用代码：<script>
$(function(){
/**
1.鼠标浮动上去, 系统自带的提示不需要
2.生成div容器,放置到body中去,使用定位 位置使用event对象来获取
3.鼠标移走的时候,tip节点删除 并且a标签title属性恢复正常
4.鼠标来回移动移动
**/
$("选择器").tip({
y : 30, //提示框距离鼠标垂直距离
x : 30 //提示框距离鼠标水平距离
});
});
</script>
- 本文标签：
- jquery超链接提示插件
