第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

jQuery animate出現(xiàn)遲滯現(xiàn)象

jQuery animate出現(xiàn)遲滯現(xiàn)象

慕碼人8056858 2019-03-14 17:14:51
我想用jQuery實(shí)現(xiàn)一個(gè)鼠標(biāo)移入后div變寬,移出恢復(fù)原長(zhǎng)度的效果,但如果鼠標(biāo)移入移出的速度太快的話會(huì)發(fā)現(xiàn)動(dòng)畫(huà)與事件不同步,如果單用jQuery實(shí)現(xiàn)這一個(gè)效果該如何解決這個(gè)問(wèn)題.測(cè)試代碼:http://jsfiddle.net/Aufreek/Tp7ZR/如果加上stop的話,雖然能夠使動(dòng)畫(huà)和事件同步,但移入移出的animate效果就沒(méi)了
查看完整描述

3 回答

?
翻閱古今

TA貢獻(xiàn)1780條經(jīng)驗(yàn) 獲得超5個(gè)贊

animate 方法的第二參數(shù)為可選的時(shí)間參數(shù)，單位為毫秒。

其實(shí)出現(xiàn)題主所描述現(xiàn)象的原因就在于 animate 方法執(zhí)行的時(shí)間比題主所說(shuō)的 “鼠標(biāo)移入移出的速度太快” 的時(shí)間要長(zhǎng)，所以解決的方法就是把 animate 方法時(shí)間縮短到比 “鼠標(biāo)移入移出的速度太快” 的時(shí)間短即可，此時(shí)就不會(huì)再出現(xiàn)不同步的現(xiàn)象，但同時(shí)由于時(shí)間縮短，速度增快，動(dòng)畫(huà)效果也會(huì)相應(yīng)減弱。

舉個(gè)極端例子，把時(shí)長(zhǎng)參數(shù)設(shè)定為 1 毫秒：


$('div').mouseover(function(){

    $(this).animate({width:'300px'}, 1);

    $('div').mouseout(function(){

        $(this).animate({width:'100px'}, 1);

    })

})

此時(shí)無(wú)論你鼠標(biāo)移入移出的速度有多快也不會(huì)造成不同步現(xiàn)象。

至于具體縮短至多少秒，應(yīng)該根據(jù)題主你想要達(dá)到的效果而定，可以自行測(cè)試后選值。


查看完整回答
反對(duì) 回復(fù) 2019-04-13
  • 3 回答
  • 0 關(guān)注
  • 785 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)