7款炫酷实用的jQuery/HTML5菜单

老虎说测试 前端技术字数 763阅读2分32秒阅读模式
摘要jQuery是一款非常实用的JavaScript框架,基于jQuery开发的菜单插件也非常多,包括下拉菜单、Tab菜单等。另外,HTML5的应用,让这些菜单在视觉效果和交互能力上又...

jQuery是一款非常实用的JavaScript框架,基于jQuery开发的菜单插件也非常多,包括下拉菜单、Tab菜单等。另外,HTML5的应用,让这些菜单在视觉效果和交互能力上又提高了很多。本文就推荐了7款炫酷而实用的jQuery/HTML5菜单,希望这些开发工具对你有所帮助。

1、CSS3扇形动画菜单 鼠标滑过扇形展开动画

这款CSS3菜单很有个性,是一个扇形的多级下拉菜单,当你将鼠标滑过菜单时,菜单项即可展开。文章源自陈学虎-https://chenxuehu.com/article/2015/01/4121.html

7款炫酷实用的jQuery/HTML5菜单-图片1文章源自陈学虎-https://chenxuehu.com/article/2015/01/4121.html

2、CSS3 3D旋转下拉菜单

这款菜单也是基于HTML5和CSS3的,尽管看上去是平面菜单,但是二级菜单下拉后会给你3D的视觉效果,并且菜单在展开时是旋转的,效果很棒。文章源自陈学虎-https://chenxuehu.com/article/2015/01/4121.html

7款炫酷实用的jQuery/HTML5菜单-图片2文章源自陈学虎-https://chenxuehu.com/article/2015/01/4121.html

3、jQuery/CSS3实现超酷的动画Tab菜单

这款菜单是基于jQuery的,同时也是一款Tab菜单,这款jQuery Tab菜单的外观相对比较清新简易,并且在Tab切换时出现飞入飞出的动画效果。文章源自陈学虎-https://chenxuehu.com/article/2015/01/4121.html

7款炫酷实用的jQuery/HTML5菜单-图片3文章源自陈学虎-https://chenxuehu.com/article/2015/01/4121.html

4、jQuery二级下拉菜单

这款jQuery菜单的外观是红色的,看上去非常温暖,菜单的整体看上去非常简单,但是却相当实用,你可以试试。文章源自陈学虎-https://chenxuehu.com/article/2015/01/4121.html

7款炫酷实用的jQuery/HTML5菜单-图片4

5、CSS3带小图标垂直下拉菜单

这是一款垂直的手风琴样式菜单,每一个菜单项都可以定义相应的小图标,同时你也可以自定义菜单的宽度。

7款炫酷实用的jQuery/HTML5菜单-图片5

6、jQuery/CSS3带表单的下拉菜单

这款jQuery菜单的特点是菜单下拉项内容可以自定义,可以使文字、表单等。另外木质外观的样式看上去非常不错。

7款炫酷实用的jQuery/HTML5菜单-图片6

7、CSS3简易清新的下拉菜单

这是一款相对比较简易的CSS3下拉菜单,简单的颜色搭配让这款菜单看上去也还不错。

7款炫酷实用的jQuery/HTML5菜单-图片7

这些jQuery/HTML5菜单插件应该都比较实用,而且形式丰富,推荐各位可以使用一下。

 
  • 版权声明:本文为原创文章,转载请附上原文出处链接及本声明。
  • 转载请注明:7款炫酷实用的jQuery/HTML5菜单 | https://chenxuehu.com/article/2015/01/4121.html