8 款超炫酷的 jQuery/HTML5 菜单

作者: Admin 分类: 网站程序 发布时间: 2015-01-18 14:17 ė 6 没有评论

  jQuery 是一个非常实用的 JavaScript 框架,基于 jQuery 开发的菜单插件也非常多,包括下拉菜单、Tab 菜单等。另外,HTML5 的应用,让这些菜单在视觉效果和交互能力上又增色不少。最近微歌对这类型的东西特别有兴趣,也到处在网上找资料学习,这段时间,微歌在 HTML5 资源教程上发现了许多非常酷的菜单资源,本文就推荐了其中十款炫酷而实用的 jQuery/HTML5 菜单,希望这些开发工具对大家有帮助。

  再次声明:以下内容非本站原创,内容整理自 HTML5 资源教程,在此,微歌向这个站的站长表示感谢。

  1、CSS3 扇形动画菜单,鼠标滑过时出现扇形展开动画
  这款 CSS3 菜单很有个性,是一个扇形的多级下拉菜单,当你将鼠标滑过菜单时,菜单项即可展开。
  在线演示:点击这里查看
  源码下载:点击这里下载
  
  2、CSS3 3D 旋转下拉菜单
  这款菜单也是基于 HTML5 和 CSS3 的,尽管看上去是平面菜单,但是二级菜单下拉后会给你 3D 的视觉效果,并且菜单在展开时是旋转的,效果很棒。
  在线演示:点击这里查看
  源码下载:点击这里下载

  3、CSS3 iPhone 样式的 3D 菜单
  这个 CSS3 菜单是模拟 iPhone 样式的,菜单整体呈现 3D 立体的视觉效果。同时你也可以选择平面方式的菜单,2D 和 3D 之间可以自由切换。
  在线演示:点击这里查看
  源码下载:点击这里下载

  4、jQuery 二级下拉菜单
  这款 jQuery 菜单的外观是红色的,看上去非常温暖,菜单的整体看上去也非常简单,但是却相当实用,是不是觉得很眼熟,的确,有几个大家熟悉的国内网站的导航菜单和这个有几分相似。
  在线演示:点击这里查看
  源码下载:点击这里下载

  5、jQuery 左侧带小图标的多级下拉菜单
  菜单是垂直的,每一个菜单项带有一个小图标,看起来非常专业。并且菜单支持无限极下拉,对各位 Web 开发者非常实用。菜单时是基于 jQuery 的,所以,基本可以说是支持所有的浏览器。
  在线演示:点击这里查看
  源码下载:点击这里下载

  6、CSS3 带小图标垂直下拉菜单
  这是一款垂直的手风琴样式菜单,每一个菜单项都可以定义相应的小图标,同时你也可以自定义菜单的宽度。
  在线演示:点击这里查看
  源码下载:点击这里下载
  
  7、jQuery/CSS3 带表单的下拉菜单
  这款 jQuery 菜单的特点是菜单下拉项内容可以自定义,可以使文字、表单等。另外木质外观的样式看上去非常不错。
  在线演示:点击这里查看
  源码下载:点击这里下载

  8、CSS3 垂直手风琴折叠菜单
  这款 CSS3手 风琴菜单的每一个菜单项都有小图标,而且只能有一项展开,更有意思的是,在菜单折叠和展开式右侧的箭头也会有不错的动画效果。
  在线演示:点击这里查看
  源码下载:点击这里下载

本文出自微歌,转载时请注明出处及相应链接。

本文永久链接: http://wego2.com/8-kuan-chao-xuan-ku-de-jQuery-HTML5-cai-dan.html

发表评论

电子邮件地址不会被公开。 必填项已用*标注

Ɣ回顶部