jQuery鼠标悬停手风琴滑动切换代码

来源:https://www.sucaihuo.com/js/2456.html 2017-07-18 21:05浏览(591) 收藏

jQuery鼠标悬停手风琴滑动切换代码,仿尤牙网手风琴图片拉动切换特效。
jQuery鼠标悬停手风琴滑动切换代码
分类:图片代码 > 手风琴 难易:
查看演示 下载资源 下载积分: 20 积分

js代码

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript">
/* UEFA Players Slider */
$(document).ready(function(){
	var movetime=500;	
	var maxw=444;
	var avgw= parseInt((3300-maxw-2)/11);
	var index;
	var t=false; //延时执行
	var _this;

	//标记当前
	function cur(ele){		
		ele=$(ele)? $(ele):ele;
		ele.addClass("cur").siblings().removeClass("cur");	
	};
	
	$("#picon li:eq(0)").addClass("cur").animate({"width":maxw+"px"});
	
	$("#picon").find("li").mouseover(function(){									  
		_this=$(this);		
		index=$( "#picon li" ).index( $(this)[0] );
		var act=function (){
			_this.siblings("li").removeClass("cur");
			_this.animate({"width":maxw+"px"},{duration:movetime,easing:"easeOutQuart",complete:function(){cur(_this)}}).siblings("li").animate({"width":avgw+"px"},{duration:movetime})
		}
		t=setTimeout(act,200);			
		return false;			
	}).mouseout(function(){
		if(t){
			clearTimeout(t);
		}
	});

})
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2