本文摘自PHP英文网站,作者黄舟,侵删。
jQuery 是一个非常实用的 JavaScript 框架。 还有很多基于jQuery开发的菜单插件,包括下拉菜单和选项卡菜单。 此外,HTML5的应用也大大增强了菜单的视觉效果和交互能力。 本文推荐7款炫酷实用的jQuery/HTML5菜单,希望对您有所帮助。
1.CSS3扇形动画菜单键盘扫扇形动画
这个CSS3菜单很有个性。 它是一个扇形的多级下拉菜单。 当您将键盘移过菜单时,可以展开菜单项。
2.CSS33D旋转下拉菜单
该菜单也基于 HTML5 和 CSS3。 虽然看起来是平面菜单,但是二级菜单下拉后会给你带来3D视觉效果,但菜单展开时会旋转,效果很棒。
3. jQuery/CSS3实现超赞的动画Tab菜单
这个菜单是基于jQuery的,也是一个Tab菜单。 这个jQueryTab菜单的外观比较清爽简洁,切换Tab时还有飞入飞出的动画效果。
在线演示源码下载
4.jQuery二级下拉菜单
这个jQuery菜单的外观是白色的,看起来很温馨,菜单整体外观很简单,但是还是蛮实用的,大家可以尝试一下。
在线演示源码下载
5.带有小图标的CSS3垂直下拉菜单
这是一个竖版吉他风格的菜单,每个菜单项都可以定义对应的小图标html5菜单,并且还可以自定义菜单的长度。
在线演示源码下载
6.带有表单的jQuery/CSS3下拉菜单
这个jQuery菜单的特点是可以自定义菜单下拉项的内容html5菜单,比如文字、表格等。另外,木质的外观风格看起来非常不错。
在线演示源码下载
7、CSS3简洁甜美的下拉菜单
这是一个比较简单的CSS3下拉菜单,简单的配色让这个菜单看起来不错。
在线演示源码下载