Burning Fav’s Blog

my fav list

30个特殊的CSS导航技术

leave a comment »

我们看到创新的方法,使设计者和开发者使用的CSS创新其不足之处。这里,您可以找到一些网站导航使用CSS的最佳方式。你会发现各种各样的技术,真正展示了能力的CSS 。

在这篇文章中,你会找到一个收集优秀的导航技术,使用的CSS为用户提供令人印象深刻的界面。

1. The Menu menu

The Menu menu

2. Pure CSS hover menu

Pure CSS hover menu

View Demo

3. Matte CSS Menu

Matte CSS

View Demo

4. CSS Blur Menu

CSS Blur Menu

View Demo

5. CSS Navigation with Glowing Icons

CSS Navigation with Glowing Icons

View Demo

6. CSS Sliding Door using only 1 image

CSS Sliding Door using only 1 image

View Demo

7. Navigation Matrix Reloaded

Navigation Matrix Reloaded

View Demo

8. CSS Horizontal Menu

CSS Horizontal Menu

View Demo


9. Woody CSS Menu

Woody CSS Menu.

10. Advanced CSS Menu

Advanced CSS Menu

11. Simple Yellow Tabbed

Simple Yellow Tabbed

12. Vimeo-Like Top Navigation

Vimeo-Like Top Navigation

View Demo

13. Apple Like Colorful CSS Menu

Apple Like Colorful CSS Menu

14. CSS Hoverbox

CSS Hoverbox

15. Big CSS Box

Big CSS Box

16. Simple CSS-based drop-down menu

Simple CSS-based drop-down menu

View Demo

17. Two Level Horizontal Navigation in CSS

Two Level Horizontal Navigation in CSS

View Demo


18. Uberlink CSS List Menus

Uberlink CSS List Menus

View Demo

19. CSS-Only Accordion Effect

CSS-Only Accordion Effect

View Demo

20. Tabbed Navigation Using CSS

Tabbed Navigation Using CSS

21. CSS Mini Tabs (the UN-tab, tab)

CSS Mini Tabs (the UN-tab, tab)

View Demo

22. Drop-Down Menus, Horizontal Style

Drop-Down Menus, Horizontal Style

View Demo

23. List Into a Navigation Bar

List Into a Navigation Bar

View Demo

24. CSS Tabs with Submenus

CSS Tabs with Submenus

25. CSS Block Navigation Menu

CSS Block Navigation Menu

26. XHTML & CSS Sprite Navigation

XHTML & CSS Sprite Navigation

View Demo

27. XHTML CSS Tabbed Menu

XHTML CSS Tabbed Menu

View Demo

28. Cool, Simple, Horizontal CSS Menu

XHTML & CSS Sprite Navigation

View Demo

29. CSS Menu with Descriptions

CSS Menu with Descriptions

View Demo

30. CSS Hover Button

CSS Hover Button

View Demo

原文地址:http://sixrevisions.com/css/30-exceptional-css-navigation-techniques/

Advertisements

Written by burning

四月 19, 2009 在 5:40 上午

发表在 技术 Tech

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s

%d 博主赞过: