gembin

OSGi, Eclipse Equinox, ECF, Virgo, Gemini, Apache Felix, Karaf, Aires, Camel, Eclipse RCP

HBase, Hadoop, ZooKeeper, Cassandra

Flex4, AS3, Swiz framework, GraniteDS, BlazeDS etc.

There is nothing that software can't fix. Unfortunately, there is also nothing that software can't completely fuck up. That gap is called talent.

About Me

 

7个强大超酷的CSS导航菜单

新的技术在不断的发展和更新,利于我们创造更多独特和看上去很酷的菜单效果。下面是7个基于CSS创建的网页导航菜单:

1) 强大的 CSS 导航菜单

这是来自Nick La设计的一个漂亮的CSS导航菜单效果,其中详细的介绍了如何对一幅图片进行切片并把它们组合在一起,形成一个独特漂亮的菜单。
需要注意的是, 这个菜单在IE6下面有一个bug,在悬浮的时候,并不能达到背景图片切换的效果,这个时候,你需要给链接属性指定mouseover来进行显示。

Demo
7个强大超酷的CSS导航菜单

2) 先进的CSS导航菜单技术

这是一个全新的菜单设计概念。通常我们设计一个导航菜单,会改变鼠标悬浮在它上面时的样式,而这个菜单是当你鼠标悬浮在当前导航链接时,改变其它链接的样式。

Demo
7个强大超酷的CSS导航菜单

3) 多级下拉导航菜单

著名的Suckerfish Dropdowns回来了,并且这次它的体积更小了,仅仅12行的Javascript代码,并且正常运行于Safari和Opera,支持多级下拉菜单。

Demo
7个强大超酷的CSS导航菜单

4) Tree Frog slide and fly 导航菜单

树蛙菜单,光是这个名字就挺有趣的。当鼠标悬停的时候才出现二级菜单列表,而同时又支持多级的浮动菜单。

7个强大超酷的CSS导航菜单

5) Mike’s Experiment

这个菜单的最大特点是当鼠标悬浮的时候,出现对导航菜单的补充说明。这一应用能精简你的导航系统,且给用户一个更直观的导航描述,让用户知道,他将点击的东西会为他带为什么样的内容,而这一切,都是纯CSS的,不需要任何Javascript.

7个强大超酷的CSS导航菜单

6) 8 个不能错过的网页导航菜单

这是8个基于CSS的导航菜单,它们或许并不是最特别的,却是最常用最基础的,你不能错过。
7个强大超酷的CSS导航菜单

7) 下拉选项卡的导航菜单

Drop Down Tabs 提供了五种不同样样式的下拉选项卡的导航单,当然,你完全可以自定义它,让它看上去更加漂亮和特别。

7个强大超酷的CSS导航菜单

posted on 2008-09-23 17:06 gembin 阅读(2380) 评论(2)  编辑  收藏 所属分类: CSSJavascript

评论

# re: 7个强大超酷的CSS导航菜单 2008-09-24 09:50 jeasonzhao

原谅我的冒犯,这系列好像是从帕兰来的,要不得哦,要贴转帖哦
http://parandroid.com/  回复  更多评论   

# re: 7个强大超酷的CSS导航菜单 2008-09-24 11:27 gembin

是啊都是转的,呵呵  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航:
 

导航

统计

常用链接

留言簿(6)

随笔分类(440)

随笔档案(378)

文章档案(6)

新闻档案(1)

相册

收藏夹(9)

Adobe

Android

AS3

Blog-Links

Build

Design Pattern

Eclipse

Favorite Links

Flickr

Game Dev

HBase

Identity Management

IT resources

JEE

Language

OpenID

OSGi

SOA

Version Control

最新随笔

搜索

积分与排名

最新评论

阅读排行榜

评论排行榜

free counters