2009年2月28日随笔档案 - linFen

2009年2月28日

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

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

1) 强大的 CSS 导航菜单

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

Demo

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

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

Demo

3) 多级下拉导航菜单

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

Demo

4) Tree Frog slide and fly 导航菜单

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

5) Mike’s Experiment

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

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

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

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

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

posted @ 2009-02-28 22:55 linFen 阅读(3335) 评论(1) 编辑

12个Javascript图片相册画廊网页展示程序

13 Awesome Javascript CSS Menus via noupe.

每一个网页设计师都希望有一个极富创造性的网页导航菜单，下面为你准备了13个利用Javascript实现的网页导航菜单，它们的效果真的是酷毙了，我很多时候都忍不住有种冲动，想把这13个效果放在一起，做一个Wordpress主题。只是我除了担心我对它们的掌控布置能力之外，更担心什么样的主机才能同时良好的运行它们。

哦，你没我那么傻，选择一下你最喜欢的，做为你的网页导航菜单吧。

1) Sexy Sliding Menu - 基于mootools的Javascript网页导航菜单，漂亮的滑动门技术，看到下面的图了没有，用它来设计你的Sidebar，非常之炫，Sexy，是的。