JavaScript仿蘋果風格圖標滑出式導航菜單_Ajax/JavaScript

Javascript仿蘋果風格圖標滑出導航菜單。IE7、FF3.5、opera、chrome下測試通過,IE8無環(huán)境未測。
span是icon圖標,用作動畫使用。當鼠標移上A標簽時,觸發(fā)動畫。這里不能用Event.addListener 和 Event.on方式去偵聽事件,因為icon動畫時會移至A標簽上層,導致監(jiān)聽對象發(fā)生變化,用relatedTarget判斷span標簽也會觸發(fā)多次mouseover和mouseout。所以,將鼠標事件的觸發(fā)給LI是最好的辦法,li內(nèi)的元素僅用作動畫展示,不綁定如何事件。這里用到delegate,將事件指派給#menu下的li。
相關Ajax/JavaScript:
- 相關鏈接:
- 特效說明:
Ajax/JavaScript-JavaScript仿蘋果風格圖標滑出式導航菜單
。