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