jQuery鼠标悬停手风琴滑动切换代码,仿尤牙网手风琴图片拉动切换特效。
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>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791