想知道是否有辦法改變這個動畫的左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