JavaScript仿蘋果風(fēng)格圖標(biāo)滑出式導(dǎo)航菜單_Ajax/JavaScript
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。
進(jìn)入特效下載地址
售價(jià):50UB 如何獲得U幣?[充值][收藏][報(bào)錯(cuò)][返回列表]
相關(guān)Ajax/JavaScript:
- Js圖片裁切框?qū)S貌寮扇我馔蟿?dòng)和改變大小
- 微博可常用的圖片旋轉(zhuǎn)特效代碼
- JavaScript手風(fēng)琴圖片展示效果代碼
- JavaScript 垂直形手風(fēng)琴樣式的折疊菜單
- js模仿google265導(dǎo)航模塊上移、下移功能
- 有道的一種鏈接提示效果,顯示圖片
- JS網(wǎng)頁(yè)版ColorPicker顏色選擇器(拾色器)
- EasyWindow網(wǎng)頁(yè)版窗口模擬顯示插件
- 高仿126郵箱風(fēng)格的Tab標(biāo)簽式后臺(tái)界面菜單
- 超多樹形結(jié)構(gòu)的JavaScript菜單實(shí)例
- fixed絕對(duì)定位的Ajax彈出層實(shí)例
- Dojo Zoomer 強(qiáng)大的拖動(dòng)放大帶圖片切換特效
Ajax/JavaScriptRss訂閱特效代碼搜索
Ajax/JavaScript推薦
- Organic Tabs 基于jQuery的選項(xiàng)卡標(biāo)簽切換Tab小插件
- 不容錯(cuò)過的YAlbum帶縮圖相冊(cè),由JavaScript封裝
- JavaScript圖片盒子,仿騰訊網(wǎng)帶縮略圖圖片瀏覽特效
- CSS+Js超級(jí)左側(cè)可折疊樹形菜單,后臺(tái)專用版
- JS+SWF圖片切換,比較經(jīng)典的圖片特效
- Dynamic Order Form購(gòu)物車自動(dòng)合計(jì)插件
- JavaScript帶圖下拉導(dǎo)航菜單實(shí)例
- fixed絕對(duì)定位的Ajax彈出層實(shí)例
- ymPrompt消息提示組件4.0版DEMO演示
- JavaScript+CSS模擬出的漂亮下拉菜單
猜你也喜歡看這些
- Prototype 手風(fēng)琴實(shí)例,展開折疊的DIV層
- Prototype Dateslider 滑塊日期選擇器
- Prototype 動(dòng)畫切換的Tab選項(xiàng)卡
- Lightbox 2.04 JS圖片展示插件
- Prototype 精美網(wǎng)頁(yè)選項(xiàng)卡(動(dòng)畫效果)
- 收集一些Prototype仿Vista提示信息窗口
- Prototype 局部放大圖像帶播放的Lightbox插件
- Prototype 多方向圖片滾動(dòng)實(shí)例
- prototype 軌跡拖動(dòng)(拖影效果)
- leightbox Prototype簡(jiǎn)潔彈出層插件
- 相關(guān)鏈接:
- 特效說明:
Ajax/JavaScript-JavaScript仿蘋果風(fēng)格圖標(biāo)滑出式導(dǎo)航菜單。