- 2010-05-22
純CSS圓角導航條,博客里常見到這東西,很不錯,色彩穩重,風格很耐看!這是用純CSS實現的,因些兼容性比較好,而且圓角的實現方法也很獨特,代碼很少,如果認真研究一下,你也可以寫出更多的圓角效果。
- 2010-05-22
這個CSS菜單比較特別,估計用的地方也很特別,如果你的網站是黑色風格的話,那用這款比較不錯,純CSS代碼實現,響應鼠標懸停,滑過變色,它不是用的UL、LI列表,而是用的DT,因此,對不懂DT用法的朋友也是一個學習參考。
- 2010-05-22
Windows風格的菜單按鈕,如果你不能很好掌控代碼中CSS的話,盡量不要動,因為仿系統風格的東西一般多以灰色調為主,有一個顏色不正確,效果就會大大衰減,不能達到想要的視覺效果。
- 2010-05-22
視覺挺舒服的一款小巧的網站導航條,代碼就像它的外形一樣簡單,修改超方便,兼容性好,鼠標滑過變色,配色極合理,確實很不錯喲,而且完全是純CSS代碼實現。
- 2010-05-22
為什么說另類呢,其實是大家不常見而已。鼠標滑到菜單項,對應菜單項的文字會移動位置,這樣很直觀的讓用戶感覺到當前在哪一個菜單項上,沒有用到JS代碼,這只是一個基本的雛形,想用的朋友根據你的網頁布局與風格修改一下代碼。比如菜單的底色可以引入一個漸變背景圖片,這樣就更好看了。
- 2010-05-22
帶滑過標記的豎向排列CSS菜單,完全用CSS代碼編寫,而且代碼簡潔,容易修改,想使用的可以自己修改一下顏色,還是很不錯的。
- 2010-05-22
固定顯示在網頁右側的CSS菜單,在一些博客中通常會看到,一般作為輔助菜單,它懸浮在主菜單的上部,像著名的WordPress博客程序就采用有這種形式。同時,通過這個菜單你還可以了解到CSS定位的問題,一舉兩得。
- 2010-05-22
一個完全用CSS代碼實現的豎向導航菜單,兩邊帶箭頭指示,直觀、簡潔、實用。當鼠標滑過時,菜單項會出現一個方框,這里可以設定背景顏色,改成你自己喜歡的吧。
- 2010-05-22
可以分級的CSS+JS豎直菜單,一般用到網頁兩側,這款菜單不會自動展開和折疊,有多少級顯示多少級,不過代碼超簡單,幫助你學習CSS還可以。顏色什么的自己修改一下還是不錯的,還有字體。
- 2010-05-22
仿網易的一款簡潔CSS滑動門菜單,基于DIV+CSS,特別簡潔,代碼看上去很少,但效果很好,這里只是演示,用時候把對應選項卡的內容換為你自己的,一般里面是一些LI列表之類的,你可以在CSS里再加上一下LI的定義,這樣就完美了。
- 2010-05-22
帶缺口指示的橫向純CSS菜單,也就是鼠標放上后菜單出現缺口,可以清淅的指示出當前的位置,而且用戶操作體驗也不錯,個人比較喜歡這種風格,沒有用到圖片什么的修飾性東西,因些實用性大大增強。
- 2010-05-22
黑藍搭配的橫向折角CSS菜單,亮點就是它的折角,完全是用CSS實現,沒有使用任何帶有修飾性的資源圖片等。好好研究一下這段代碼,試著把折角改小一點,這樣就會接近圓角的效果,還不錯吧?
- 2010-05-22
仿Windows系統的右鍵菜單,在網頁上點擊右鍵就會出現一個菜單,從而代替了網頁原來的菜單,讓你的網頁更個性一點,還是很不錯的哦!
- 2010-05-22
一款比較經典的CSS二級下拉導航菜單,初始顏色是灰色,如果不能讓你滿意,那你可以自己慢慢修改完善。兼容目前大部分瀏覽器,鼠標滑過變色,菜單項目無限制擴展,有多少顯多少,每個菜單下可以支持子分類,很實用。
- 2010-05-22
全國最新的盛市、縣三級無刷新下拉選擇菜單,技術上來說沒有什么新奇的了,只是本菜單內的省市縣信息是最新的,你可以直接將其保存為一個JS文件,隨時調用即可,無需數據庫支持,因些執行速度比較快。
- 2010-05-22
很另類的響應鼠標變色的CSS菜單,看一下演示就明白了。它像一排整齊排列的按鈕一樣,鼠標滑過后變換背景圖,操作體驗很不錯,也很個性,比較不錯吧。請在運行代碼時自行下載所需圖片,一共兩張背景圖。
- 2010-05-22
三級滑出菜單,基于CSS+JS,默認是灰色,它可以支持三級分類,鼠標放上自動展開菜單子分類。豎向排列,適合的場合也很多,有興趣的朋友可以試著美化一下,把菜單加一個背景,或者變變顏色還是不錯的。
- 2010-05-22
酷似Windows的仿FLASH多級下拉菜單,動畫展開菜單項,還有淡入淡出效果,很不錯吧!不過缺點是完全依靠JS,不能由程序動態控制輸出,不過也不一定,看你水平有多高啦!哈~
- 2010-05-22
CSS制作的中英文雙語菜單,利用SPAN屬性的原理制作。
- 2010-05-22
點擊文字后才展開的菜單,實際上點擊文字后展開的是一個層,層里面放的是一個表格,菜單是在表格里,通過這個例子你會明白JS是如何控制一個DIV層展開的,這是現在比較流行和通用的方法。