用圖片顯示,這是一個LI下三個Div,重點是第二個Div的內(nèi)容,因為第二個Div有透明度,所以用了第三個Div包裹住了內(nèi)容,內(nèi)容用H4,H5,H6定義的樣式,并沒有用Li,所以便出現(xiàn)了-當(dāng)我鼠標(biāo)移動到Li的時候,觸發(fā)#home2-oDis動畫事件,這是理想效果,可當(dāng)我鼠標(biāo)移動到子元素h4,h5,h6的時候會不斷觸發(fā)移入時的動畫效果,?當(dāng)鼠標(biāo)移入Li的時候,獲取當(dāng)前Li中第二個Div,執(zhí)行Div里position中top:58px的動畫效果(原來為top:110),在達(dá)到top:58px的時候執(zhí)行鏈?zhǔn)竭\動top:68px(向下移動10px),那么問題來了,因為鏈?zhǔn)竭\動結(jié)束時距上:top:68px,所以當(dāng)我鼠標(biāo)移動到子元素的時候,會觸發(fā)移入時的運動top:58px,top會向上移動10px達(dá)到top:58px。所以現(xiàn)在的情況是,當(dāng)我鼠標(biāo)在H4,H5,H6之間來回移動的時候,#home2-oDis會像抽風(fēng)了一樣上下抖動。。。
關(guān)于js動畫效果,禁止冒泡的問題,研究了好久都沒寫好。。
高手之路
2016-05-18 09:37:59