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

澳门新葡亰赌995577 9

本文由码农网 –
小峰原创翻译,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划!

今天分享25款功能十分强大的jQuery/CSS3应用插件,欢迎收藏。

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

1、jQuery水晶样式下拉导航

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

这款CSS3菜单很有个性,是一个扇形的多级下拉菜单,当你将鼠标滑过菜单时,菜单项即可展开。

澳门新葡亰赌995577 1

在线演示源码下载

这是一款非常不错的jQuery多功能下拉菜单插件,菜单外观呈水晶样式,晶莹剔透,功能丰富,包含多级菜单、自定义内容菜单、表单菜单,是一款不可多得的jQuery菜单导航插件。

2、CSS3 3D旋转下拉菜单

这款菜单也是基于HTML5和CSS3的,尽管看上去是平面菜单,但是二级菜单下拉后会给你3D的视觉效果,并且菜单在展开时是旋转的,效果很棒。

澳门新葡亰赌995577 2

在线演示源码下载

澳门新葡亰赌995577 3

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

这款菜单是基于jQuery的,同时也是一款Tab菜单,这款jQuery
Tab菜单的外观相对比较清新简易,并且在Tab切换时出现飞入飞出的动画效果。

澳门新葡亰赌995577 4

在线演示源码下载

在线演示    /    源码下载

4、jQuery二级下拉菜单

这款jQuery菜单的外观是红色的,看上去非常温暖,菜单的整体看上去非常简单,但是却相当实用,你可以试试。

澳门新葡亰赌995577 5

在线演示源码下载

2、CSS3堆栈式图片切换动画插件

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

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

澳门新葡亰赌995577 6

在线演示源码下载

这是一款非常炫的CSS3图片切换动画效果,动画效果非常丰富,折叠式、淡入淡出式、旋转式等,让你的图片颇具特色,大大提高用户体验。

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

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

澳门新葡亰赌995577 7

在线演示源码下载

澳门新葡亰赌995577 8

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

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

澳门新葡亰赌995577 9

在线演示源码下载

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

在线演示    /    源码下载

3、基于jQuery和xCharts的动画图表

这是一款非常不错的jQuery图表插件,基于xCharts,图表使用非常方便,支持自定义时间段查询,并且伴有动画效果。

澳门新葡亰赌995577 10

在线演示    /    源码下载

4、jQuery动画图标菜单导航插件imgbubbles

imgbubbles是一款基于jQuery的动画按钮菜单插件,鼠标滑过按钮时,按钮会有逐渐放大的特效,放大的速度可以自定义。

澳门新葡亰赌995577 11

在线演示    /    源码下载

5、jQuery笔记本式图片滑动插件,支持鼠标拖拽

这是一款非常有特色的jQuery图片滑动插件,它不仅有笔记本样式,而且支持鼠标拖拽。

澳门新葡亰赌995577 12

在线演示    /    源码下载

6、仿Google Nexus样式菜单导航

澳门新葡亰赌995577 ,这是一款用Javascript和CSS制作的仿Google
Nexus样式的菜单导航,菜单十分清新亮丽,是一款不错的JS菜单导航

澳门新葡亰赌995577 13

在线演示    /    源码下载

7、带数字索引的jquery焦点图

这是一款来自易迅网的产品展示焦点图,该jQuery焦点图在右侧有竖向数字索引,鼠标滑过数字索引即可切换图片。

澳门新葡亰赌995577 14

在线演示    /    源码下载

8、jQuery pikaday简易日期选择插件

pikaday是一款基于jQuery的日期选择插件,插件非常简单,外观也还不错,是一款值得一试的日期选择插件。

澳门新葡亰赌995577 15

在线演示    /    源码下载

9、jQuery jBox弹出窗口插件

jBox是一款基于jQuery的弹出窗口插件,jBox可以实现普通提示框、确认框、iframe加载等功能,是一款非常不错的jQuery弹出窗口插件。

澳门新葡亰赌995577 16

在线演示    /    源码下载

10、HTML5重力感应积木游戏 

这也是一款基于HTML5技术的重力感应游戏,一些积木从天而降,你可以拖动鼠标甩动这些积木,积木在重力的作用下纷纷落下,并且互相碰撞。 

澳门新葡亰赌995577 17 

在线演示 / 源码下载 

11、Apple样式jQuery横向动画图标菜单 

这是一款基于jQuery的横向动画菜单,菜单的样式是仿苹果官网的菜单样式,菜单的图标动画很酷。 

澳门新葡亰赌995577 18 

在线演示 / 源码下载 

12、Javascript实现的WEB斯诺克台球游戏 

这是一款非常酷的JS台球游戏,效果十分流畅,唯一的缺点是没有完善的台球游戏规则和多人游戏。 

澳门新葡亰赌995577 19 

在线演示 / 源码下载 

13、jQuery/CSS3仿iOS股市信息滚动 

这是一款用jQuery和CSS3技术实现的仿iOS股市信息滚动效果的插件,效果很不错。 

发表评论

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

相关文章

网站地图xml地图