25个非常实用的jQuery/CSS3应用组件

澳门新葡亰网址 9

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

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

jQuery是一款非常流行的JavaScript框架,利用jQuery,我们可以制作简单的动画效果,但是结合HTML5,这样的动画效果就会变得更加出彩。本文分享了7款jQuery结合HTML5的动画以及源码下载。

1、jQuery水晶样式下拉导航

1、HTML5/SVG实现布谷鸟时钟动画

这是一款非常有意思的HTML5动画,它是一个老式的时钟,有布谷鸟报时,情侣的浪漫舞蹈。

澳门新葡亰网址 1

在线演示源码下载

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

2、HTML5/CSS3实现图片倒影3D效果

这款应用主要利用了CSS3的transform属性实现了图片的倾斜和倒影,动画效果也非常不错。

澳门新葡亰网址 2

在线演示源码下载

澳门新葡亰网址 3

3、jQuery图片放大预览插件

这款基于jQuery的图片放大预览插件,只需要将鼠标滑过缩略图,即可将当前区域的图片放大预览,这个功能一般在商品图片展示的时候非常有用。

澳门新葡亰网址 4

在线演示源码下载

在线演示    /    源码下载

4、jQuery内容层叠滚动切换动画插件

这是一款很有创意的jQuery内容滑动动画,我们可以设置任意数量的文字层,让其层叠在一起,然后点击按钮让其出现层叠滚动切换的效果。

澳门新葡亰网址 5

在线演示源码下载

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

5、jQuery文件夹管理插件

这款jQuery插件模拟了操作系统的文件管理系统,可以新建、删除和重命名文件夹。

澳门新葡亰网址 6

在线演示源码下载

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

6、jQuery全屏广告图片焦点图

这款jQuery全屏广告图片焦点图插件也非常不错,图片切换时有淡出淡出的动画效果,并且也相当流畅。

澳门新葡亰网址 7

澳门新葡亰网址,在线演示源码下载

澳门新葡亰网址 8

7、jQuery带格式验证的注册表单

这款jQuery表单的特点是带有严格的表单字段格式验证功能,比如电子邮箱的格式、用户名格式以及密码复杂度和长度等。

澳门新葡亰网址 9

在线演示源码下载

以上的jQuery动画也有源代码下载,大家可以自行研究,欢迎分享。

在线演示    /    源码下载

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

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

澳门新葡亰网址 10

在线演示    /    源码下载

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

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

澳门新葡亰网址 11

在线演示    /    源码下载

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

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

澳门新葡亰网址 12

在线演示    /    源码下载

6、仿Google Nexus样式菜单导航

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

澳门新葡亰网址 13

在线演示    /    源码下载

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

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

澳门新葡亰网址 14

在线演示    /    源码下载

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

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

澳门新葡亰网址 15

在线演示    /    源码下载

9、jQuery jBox弹出窗口插件

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

澳门新葡亰网址 16

在线演示    /    源码下载

10、HTML5重力感应积木游戏 

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

澳门新葡亰网址 17 

在线演示 / 源码下载 

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

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

澳门新葡亰网址 18 

在线演示 / 源码下载 

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

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

澳门新葡亰网址 19 

在线演示 / 源码下载 

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

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

发表评论

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

相关文章

网站地图xml地图