亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

css 二級菜單 實現(xiàn)代碼集合 修正版

 更新時間:2009年06月26日 17:36:53   作者:  
最近的網(wǎng)站要求使用二級菜單,本著“能用別人的就用別人的,不能用別人的就用自己的”的原則,在網(wǎng)上找到一個經(jīng)典的使用CSS制作的二級菜單,感覺不錯,先記錄下來,以備它用。


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

第二種方法:
其實,所謂的二級菜單都差不多,無非就是為二級菜單定義一個層,當鼠標放在一級菜單上的時候顯示這個層,而將鼠標從一級菜單上移開時隱藏這個層。因此,通過這個經(jīng)典的CSS二級菜單又可以衍生出很多種不同的二級菜單,其中一種如下圖所示,彈簧式的。



[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

也可以豎著的二級菜單變成橫著的,如下面兩個圖所示。


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]


[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]

以上幾種菜單在IE、Firefox、Opera、Flock瀏覽器下運行通過,但是有一個問題,就是在一級菜單中單擊鼠標后,二級菜單就不會消失了。這不能不說是一個bug啊。另外,還有一種橫著的二級菜單,這個菜單如下圖所示。該菜單在IE瀏覽器中運行通過,但在Firefox、Opera、 Flock瀏覽器中運行不正常。



[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]


以上腳本之家文件打包下載

相關(guān)文章

  • JavaScript中arguments的使用方法

    JavaScript中arguments的使用方法

    這篇文章主要介紹了JavaScript中arguments的使用方法,arguments?是一個對應(yīng)于傳遞給函數(shù)的參數(shù)的類數(shù)組對象。下文詳細介紹,需要的小伙伴可以參考一下
    2022-05-05
  • js實現(xiàn)彈幕飛機效果

    js實現(xiàn)彈幕飛機效果

    這篇文章主要為大家詳細介紹了js實現(xiàn)彈幕飛機效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-08-08
  • 詳解如何通過JavaScript實現(xiàn)函數(shù)重載

    詳解如何通過JavaScript實現(xiàn)函數(shù)重載

    這篇文章主要為大家詳細介紹了如何通過JavaScript實現(xiàn)函數(shù)重載,文中的示例代碼講解詳細,對我們學習JavaScript有一定的幫助,感興趣的可以了解一下
    2023-01-01
  • Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽的實例代碼

    Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽的實例代碼

    本文通過實例代碼給大家介紹了Avalonjs雙向數(shù)據(jù)綁定與監(jiān)聽的實現(xiàn)代碼,非常不錯,具有參考借鑒價值,需要的的朋友參考下吧
    2017-06-06
  • js數(shù)組案例之五子棋游戲

    js數(shù)組案例之五子棋游戲

    這篇文章主要為大家詳細介紹了js數(shù)組案例之五子棋游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-05-05
  • JavaScript中callee和caller的區(qū)別與用法實例分析

    JavaScript中callee和caller的區(qū)別與用法實例分析

    這篇文章主要介紹了JavaScript中callee和caller的區(qū)別與用法,結(jié)合實例形式分析了javascript中callee和caller的功能、區(qū)別、用法及操作注意事項,需要的朋友可以參考下
    2019-06-06
  • JS+CSS實現(xiàn)的藍色table選項卡效果

    JS+CSS實現(xiàn)的藍色table選項卡效果

    這篇文章主要介紹了JS+CSS實現(xiàn)的藍色table選項卡效果,通過鼠標事件調(diào)用自定義函數(shù)實現(xiàn)頁面元素樣式的遍歷與動態(tài)切換效果,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-10-10
  • JS讀寫CSS樣式的方法匯總

    JS讀寫CSS樣式的方法匯總

    這篇文章主要為大家詳細匯總了JS讀寫CSS樣式的方法,內(nèi)容詳盡,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-08-08
  • 如何解決hover在ie6中的兼容性問題

    如何解決hover在ie6中的兼容性問題

    本篇主要分享了如何解決hover在ie6中的兼容性問題的方法,希望會對大家學習javascript有所幫助
    2016-12-12
  • js(JavaScript)實現(xiàn)TAB標簽切換效果的簡單實例

    js(JavaScript)實現(xiàn)TAB標簽切換效果的簡單實例

    本篇文章主要是對js(JavaScript)實現(xiàn)TAB標簽切換效果的簡單實例進行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-02-02

最新評論