很有创意的顶部导航条,基于jQuery

很有创意的顶部导航条,基于jQuery

我今天浏览http://net.tutsplus.com/网站的时候,发现了这个很有创意的顶部导航条,原来“垂直的下拉导航条”,可以这样展示呀!在我惊叹之余,我感到了创意无处不在呀!
在用户体验上,我觉的比我们普通的下拉效果的菜单好许多。
功能:

  • 当我们把鼠标滑动到主菜单上时,相应分类的子类列表都滑动出来了。通过鼠标滑动轻松选择各个分类的子类列表
  • 当我们触发了主菜单,菜单就处于悬停状态。
  • 通过在主菜单右侧的关闭按钮可以,隐藏子菜单。

top-nav-1

top-nav-2

更详细的内容请看

http://net.tutsplus.com/tutorials/javascript-ajax/a-different-top-navigation/

的教程

演示:
http://nettuts.s3.amazonaws.com/386_navigation/top-nav-demo/index.html

下载:
http://nettuts.s3.amazonaws.com/386_navigation/top-nav-demo.zip

站点统计