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