退出
充值

4个很漂亮的鼠标滑过超链接jQuery动画特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-03-04
很漂亮的鼠标滑过超链接jQuery动画特效里面包含4种超酷效果,分别是胶囊跟随效果,双线跟随效果,下划线跟随效果和上划线跟随效果。


js代码


<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script type="text/javascript" src="dist/hoverSlippery.js"></script>
<script>
  $(document).ready(function(){
	//- Default 
	$('.default').hoverSlippery();
	//- Twice border
	$('.twiceBorder').hoverSlippery({
		border: true,
		twiceBorder : true
	})
	//- Underline
	$('.underline').hoverSlippery({
		border: true,
		underline: true
	})
	//- Overline
	$('.overline').hoverSlippery({
		border: true,
		overline: true
	})
  })
</script>