DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 性感的CSS菜單(Menus)
性感的CSS菜單(Menus)
編輯:CSS詳解     

當你需要一個簡單易用的導航菜單得時候。CSS Menu是個不錯的選擇。相對於Flash/Javascript,他們小巧輕便,而且方便使用。當然,他們也能做出很多很漂亮的效果。

CSS Menu Example
這裡有幾個專門收集CSS 導航菜單的站點,其中有很多優秀的作品。也許能給你帶來一定的啟發。你會發現原來CSS Menu還可以這樣做。

1. http://www.alvit.de/css-showcase/CSS-gallerIEs-tabs-navigation-showcase.PHP
這裡收錄了近百個優秀站點的CSS導航菜單

uploads/200709/08_220615_1.gif

2. http://www.drweb.de/weblog/weblog/?p=531
收錄了大量的使用CSS tab Menu的站點

uploads/200709/08_220932_2.gif

3. http://www.smashingmagazine.com/2007/03/14/CSS-based-navigation-menus-modern-solutions
收錄了50多個漂亮易用的CSS Menu

uploads/200709/08_221212_3.gif

CSS Menu Tutorials
這裡列舉了大量優秀的CSS Menu教程。而且都比較簡單易學,通過學習,你也能做出漂亮的CSS Menu

1. http://www.CSSplay.co.uk/menus/index.Html
著名的cssplay,為廣大讀者奉獻了很多優秀的CSS范例。
uploads/200709/08_221727_4.gif

2. http://www.SEOconsultants.com/CSS/menus/tutorial/
水平、垂直的二級CSS menu教程

uploads/200709/08_221848_5.gif

3. http://superfluousbanter.org/archives/2004/05/navigation-matrix-reloaded/
完美!一張圖片完成的CSS Menu效果。demo看這裡:http://www.nundroo.com/nav_matrix/welcome2.Html

uploads/200709/08_222436_6.gif

4. http://codylindley.com/CSS/325/CSS-step-menu
CSS menu step by step

uploads/200709/08_222606_7.gif

OK,這麼多的東西也許無法一時消化,如果你急需一個CSS Menu。下面的一些站點中提供了大量的CSS menu下載。

1. http://www.13styles.com/
13個CSS Menu下載
uploads/200709/08_222901_8.gif

2. http://www.webmaster-toolkit.com/CSS-menu-generator.sHtml
創建左邊導航菜單,只需 修改即可

uploads/200709/08_223149_9.gif

3. http://www.roscripts.com/8_web_menus_you_just_can’t_miss-116.Html
8個不可錯過的CSS Menu下載

uploads/200709/08_223325_10.gif

4. http://e-lusion.com/design/menu/
9種垂直CSS Menu下載

uploads/200709/08_223437_11.gif

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved