欧美日韩精品在线,国内精品久久久久久久久,一级毛片恃级毛片直播,清纯唯美亚洲综合欧美色

JavaScript仿蘋果風(fēng)格圖標(biāo)滑出式導(dǎo)航菜單_Ajax/JavaScript

查看演示效果
JavaScript仿蘋果風(fēng)格圖標(biāo)滑出式導(dǎo)航菜單

Javascript仿蘋果風(fēng)格圖標(biāo)滑出導(dǎo)航菜單。IE7、FF3.5、opera、chrome下測(cè)試通過,IE8無(wú)環(huán)境未測(cè)。
  span是icon圖標(biāo),用作動(dòng)畫使用。當(dāng)鼠標(biāo)移上A標(biāo)簽時(shí),觸發(fā)動(dòng)畫。這里不能用Event.addListener 和 Event.on方式去偵聽事件,因?yàn)閕con動(dòng)畫時(shí)會(huì)移至A標(biāo)簽上層,導(dǎo)致監(jiān)聽對(duì)象發(fā)生變化,用relatedTarget判斷span標(biāo)簽也會(huì)觸發(fā)多次mouseover和mouseout。所以,將鼠標(biāo)事件的觸發(fā)給LI是最好的辦法,li內(nèi)的元素僅用作動(dòng)畫展示,不綁定如何事件。這里用到delegate,將事件指派給#menu下的li。

相關(guān)Ajax/JavaScript