想知道是否有办法改变这个动画的左css值而不需要所有的冗余代码?根据选择器更改css值?
$('.recent .view-details-wrapp').css({opacity:0, left:33});
$('.recent .controls-wrapp').hover(function() {
$(this).find('.view-details-wrapp').stop()
.animate({left:63}, {queue:false, duration:300, easing:'easeOutCubic'})
.animate({opacity:'0.99'}, {queue:false, duration:400, easing:'easeOutCubic'});
},function() {
$(this).find('.view-details-wrapp').stop()
.animate({left:33}, {queue:false, duration:550, easing:'easeOutSine'})
.animate({opacity:'0'}, {queue:false, duration:300, easing:'easeOutSine'});
});
$('.featured .view-details-wrapp').css({opacity:0, left:83});
$('.featured .controls-wrapp').hover(function() {
$(this).find('.view-details-wrapp').stop()
.animate({left:103}, {queue:false, duration:300, easing:'easeOutCubic'})
.animate({opacity:'0.99'}, {queue:false, duration:400, easing:'easeOutCubic'});
},function() {
$(this).find('.view-details-wrapp').stop()
.animate({left:83}, {queue:false, duration:550, easing:'easeOutSine'})
.animate({opacity:'0'}, {queue:false, duration:300, easing:'easeOutSine'});
});
感谢您的帮助...后来应该做的伎俩...再次感谢! – Taylor 2012-04-20 07:32:31
@Taylor这样做会让你有点笨拙,但是因为你只有2个,所以应该可以这样处理。 – m90 2012-04-20 08:18:32