头像

简单的手风琴动画,代码简洁明了

2019-11-23 16:39:19 收藏 来源:it素材网   浏览(195)   评论 ( 0 )   

简单的手风琴动画,代码简洁明了
简单的手风琴动画,代码简洁明了<script type="text/javascript"> $(function(){ var lis = $('
查看演示 下载资源:4 下载资源 下载积分:0

简单的手风琴动画,代码简洁明了

<script type="text/javascript">
		$(function(){
			var lis = $('.wrap li');
			for (var i = 0; i < lis.length; i++) {
				lis.eq(i).css('backgroundImage','url(images/'+ (i+1)+'.png)');
			}
			lis.mouseenter(function(){
				$(this).stop().animate({width:790}).siblings().stop().animate({width:0})
			}).mouseleave(function(){
				lis.stop().animate({width:158})
			})
		})
</script>


标签: 手风琴
声明:转载请注明来源(it素材网)并保留原文链接:https://www.itsucai.com/js/207.html
评论0

后面还有条评论,点击查看>>

系统已开启自动识别垃圾评论机制,识别到的自动封号!!!