2011年12月1日星期四

5个web2.0风格的CSS菜单创建教程

这篇文章包含了五个Web2.0风格的CSS菜单创建教程,这些CSS菜单的设计灵感都来源于一些些Web 2.0网站,包括使用圆角, scriptaculous和ajax等效果。(注:教程来自Woork,下面的教程你可以需要使用代理才能访问)

Digg-like navigation bar using CSS
这篇文章教你如何使用CSS创建一个类似Digg风格的菜单导航栏。

5个web2.0风格的CSS菜单创建教程

Gettyone-like search options menu with Scriptaculous

本教程讲述了如何实施像Gettyone那样的搜索选项菜单,其中显示了一个DIV层与一些搜索选项下面输入搜索栏,当用户按一下就输入想要寻找的东西。

5个web2.0风格的CSS菜单创建教程
Flickr like horizontal menu

本教程讲述了如何实现Flickr样式的横向菜单,使用CSS和javascript来显示/隐藏子菜单。

5个web2.0风格的CSS菜单创建教程

Simple CSS vertical menu Digg-like
本教程讲述了如何实现一个简单的digg样式垂直菜单,使用CSS和JavaScript来显示/隐藏子菜单。

5个web2.0风格的CSS菜单创建教程

Tabbed search bar using CSS and Javascript
本教程讲述了如何实现一个简单的标签式搜索框,使用CSS和JavaScript函数。

5个web2.0风格的CSS菜单创建教程

来源于 5个web2.0风格的CSS菜单创建教程 | 帕兰映像

没有评论:

发表评论