}else{
widMax = Math.floor((eleNum*curwidth – wid*(eleNum-1)))+”px”;
widMin = wid+”px”;
}
//console.log(“widMax=”+widMax+”;widMin=”+widMin);
//绑定hover事件
zyljq(this).hover(function(){
zyljq(that).stop();
zyljq(this).animate({width:widMax},speed);
zyljq(that).not(this).animate({width:widMin},speed);
},function(){
zyljq(that).stop();
zyljq(that).animate({width:curwidth},speed);
});
}
});
下面是视图：
原始效果：
鼠标悬停在第二个元素上之后的效果：
在这个过程中，也回顾了一些常见的问题，比如：ie低版本下，margin:0 auto;不居中的问题，display：inline-block;不支持的问题。也许还有很多的问题没有注意到，如果您发现了什么问题，欢迎您的指导。大家可以共同进步。
