性感的CSS菜單(Menus)-CSS教程

來源:模板天下 作者:5key.net更新時間:2008-02-09點擊:

當你需要一個簡單易用的導航菜單得時候。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

相關CSS教程:
最新評論:
loading.. 評論加載中....
發表評論:不能超過250字節,請自覺遵守互聯網相關政策法規.
  • 昵稱: 驗證: