我爱模板网 > 特效插件 > 表格弹出层 >  jquery超链接提示插件正文

jquery超链接提示插件

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

鼠标移到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>



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:SexyLightBox弹出层播放视频 下一篇:jQuery遮罩半透明背景框弹出框
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢