HoverSlippery是一款可以制作导航超链接鼠标滑过动画特效的jQuery插件。该插件可以制作4种鼠标滑过效果，分别是：胶囊跟随效果，双线跟随效果，下划线跟随效果和上划线跟随效果。
使用方法
在页面中引入jquery和hoverSlippery.js文件。
HTML结构
可以使用元素来作为导航菜单，里面放置一组无序列表。
初始化插件
在页面DOM元素加载完毕之后，可以通过hoverSlippery()方法来初始化该导航菜单鼠标跟随特效插件。
$('.demo').hoverSlippery();
配置参数
HoverSlippery插件的默认配置参数如下：
$('.demo').hoverSlippery({
bgColor: '#394264',
speed: 300,
radius: '5px',
border: false,
borderColor: '#efefef',
borderTop: 0,
borderStyle: 'solid',
borderWidth: '1px',
borderTopLine: false,
twiceBorder: false，
underline:false,
overline:false
});
bgColor：胶囊的颜色背景。speed：动画的速度。radius：胶囊的圆角半径。border：是否使用边框。borderColor：边框的颜色。borderTop：border-top的宽度。borderStyle：边框的样式。borderWidth：边框的宽度。twiceBorder：是否使用双线效果。underline：是否使用下划线效果。overline：是否使用上划线效果。
HoverSlippery插件的github地址为：https://github.com/Hastalavistababy/HoverSlippery。
粤公网安备 44011102002787号