為什么delay（）在這里工作：$('#tipper').mouseout(function() { $('#tip').delay(800).fadeOut(100);});但這沒(méi)有延遲：$('#tipper').mouseout(function() { $('#tip').delay(800).css('display','none');});//編輯 - 這是一個(gè)有效的解決方案$('#tipper').mouseleave(function() { setTimeout( function(){ $('#tip').css('display','none'); },800);});
3 回答
繁星coding
TA貢獻(xiàn)1797條經(jīng)驗(yàn) 獲得超4個(gè)贊
一個(gè)小小的jQuery擴(kuò)展可以幫助解決這個(gè)問(wèn)題。你可以稱(chēng)之為qcss：
$.fn.extend({
qcss: function(css) {
return $(this).queue(function(next) {
$(this).css(css);
next();
});
}
});
這可以讓你寫(xiě)：
$('.an_element')
.delay(750)
.qcss({ backgroundColor: 'skyblue' })
.delay(750)
.qcss({ backgroundColor: 'springgreen' })
.delay(750)
.qcss({ backgroundColor: 'pink' })
.delay(750)
.qcss({ backgroundColor: 'slategray' })
這可以是定義鏈?zhǔn)絼?dòng)畫(huà)的一種相當(dāng)優(yōu)雅的方式。請(qǐng)注意，在這個(gè)非常簡(jiǎn)單的形式中，qcss僅支持包含CSS屬性的單個(gè)對(duì)象參數(shù)。（你需要做更多的工作才能支持.qcss('color', 'blue')。）
這是jsfiddle 的一個(gè)例子。
添加回答
舉報(bào)
0/150
提交
取消