退出
充值

jQuery仿淘宝icon动画图标特效

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2017-02-15
这是一款jquery仿淘宝icon鼠标悬停动画图标效果,鼠标移到图标上,图标动画渐变出没,纯手打使用jquery框架。


JS代码:

<script src="http://libs.baidu.com/jquery/1.9.1/jquery.js" type="text/javascript"></script>
<script>
	$(function () {
		$('#move a').mouseenter(function  () {
			$(this).find('i').animate({top:"-25px",opacity:"0"},300,function () {
				$(this).css({top:'25px'});
				$(this).animate({top:'12px',opacity:'1'},600)
			})
		})
	})
</script>