7款炫酷实用的jquery/html5菜单-mile米乐体育
本文由码农网 – 小峰原创翻译,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划!
jquery是一款非常实用的javascript框架,基于jquery开发的菜单插件也非常多,包括下拉菜单、tab菜单等。另外,html5的应用,让这些菜单在视觉效果和交互能力上又提高了很多。本文就推荐了7款炫酷而实用的jquery/html5菜单,希望对你有所帮助。
1、css3扇形动画菜单 鼠标滑过扇形展开动画
这款css3菜单很有个性,是一个扇形的多级下拉菜单,当你将鼠标滑过菜单时,菜单项即可展开。
在线演示源码下载
2、css3 3d旋转下拉菜单
这款菜单也是基于html5和css3的,尽管看上去是平面菜单,但是二级菜单下拉后会给你3d的视觉效果,并且菜单在展开时是旋转的,效果很棒。
在线演示源码下载
3、jquery/css3实现超酷的动画tab菜单
这款菜单是基于jquery的,同时也是一款tab菜单,这款jquery tab菜单的外观相对比较清新简易,并且在tab切换时出现飞入飞出的动画效果。
在线演示源码下载
4、jquery二级下拉菜单
这款jquery菜单的外观是红色的,看上去非常温暖,菜单的整体看上去非常简单,但是却相当实用,你可以试试。
在线演示源码下载
5、css3带小图标垂直下拉菜单
这是一款垂直的手风琴样式菜单,每一个菜单项都可以定义相应的小图标,同时你也可以自定义菜单的宽度。
在线演示源码下载
6、jquery/css3带表单的下拉菜单
这款jquery菜单的特点是菜单下拉项内容可以自定义,可以使文字、表单等。另外木质外观的样式看上去非常不错。
在线演示源码下载
7、css3简易清新的下拉菜单
这是一款相对比较简易的css3下拉菜单,简单的颜色搭配让这款菜单看上去也还不错。
在线演示源码下载
这些jquery/html5菜单插件应该都比较实用,而且形式丰富,推荐各位可以使用一下。
译文链接:http://www.codeceo.com/article/7-jquery-html5-menu.html
翻译作者:码农网 – 小峰
[ 转载必须在正文中标注并保留原文链接、译文链接和译者等信息。]