8款基于Jquery的WEB前端动画特效

1.超炫酷的30个jQuery按钮悬停动画

按钮插件是最多见的jQuery插件之一，由于它用途普遍，并且配置起来最为方便。今天咱们要分享的是30个超炫酷的jQuery悬停按钮动画，当咱们将鼠标滑过按钮时，按钮的背景就会播放不一样的动画特效。这款jQuery按钮插件的使用方法也很简单，给按钮指定一个类，而后用一行JS代码初始化便可。

在线演示

源码下载

2.HTML5 Canvas水波纹动画特效

HTML5的Canvas特性很是实用，咱们不只能够在Canvas画布上绘制各类图形，也能够制做绚丽的动画，好比此次介绍的水波纹动画特效。之前咱们也分享过一款基于HTML5 WebGL的水波荡漾动画，让人惊叹不已，此次分享的HTML5 Canvas水波纹动画一样很是震撼人心。

在线演示

源码下载

3.超绚丽CSS3多色彩发光立方体旋转动画

以前咱们分享过几个不错的CSS3立方体动画，好比这款HTML5 3D立方体旋转动画和HTML5 3D立方体图片切换动画。今天要分享的也是一款基于CSS3的3D立方体旋转动画，不一样的是，这款立方体的每个面都有不一样的色彩，而且会带有绚丽的发光特效。

在线演示

源码下载

4.JavaScript万年历 带农历、时间和属相等功能

以前咱们分享过一款基于jQuery的万年历插件，功能十分强大。今天咱们要再来分享另一款JS万年历应用，它一样支持农历和属相功能，同时也支持当前时间的显示。而且这款日历插件能够快速选择年份和月份快速定位日期，操做十分便捷。

在线演示

源码下载

5.HTML5 Canvas 水母游动动画特效

这是一个很是酷的HTML5动画特效，它是一只游动的水母，咱们利用HTML5的Canvas技术绘制一只像素点组合的水母，而且利用JavaScript模拟水母游动的动画特效，看上去很是逼真。

在线演示

源码下载

6.超炫酷的jQuery卷轴展开动画

今天咱们要给你们分享一款很不错的jQuery动画，它是一个卷轴展开的动画特效，就像一幅山水画展开同样，很是绚丽。它将一张完整的卷轴拆分到多个div中，而后经过jquery animate事件，配合不一样的时间延迟，造成完整的卷轴打开动画。

在线演示

源码下载

7.纯CSS3环形菜单动画 可展开二级子菜单

网页菜单是一个网站最主要的部分之一，以前咱们分享过不少形态万千的jQuery/CSS3菜单，有炫酷的CSS3/jQuery创意盒子动画菜单，也有实用的CSS3多级下拉菜单 弹性展开下拉动画。今天要给你们分享一款富有创意的CSS3环形菜单，当咱们将鼠标滑过菜单项时，便可以圆环的形式展开二级子菜单，效果很是不错。

在线演示

源码下载

8.纯CSS3红色爱心跳动动画

以前咱们分享过一些基于纯CSS3的爱心动画，最酷的非浪漫程序员 HTML5爱心表白动画这个莫属，另外还有这个HTML5 3D爱心动画也很是不错。今天要给你们带来一个纯CSS3的红色爱心跳动动画，爱心的形状是利用纯CSS3绘制出来的，结合CSS3的动画属性实现跳动的动画特效。

在线演示

源码下载

• 本文固定连接: http://www.i7758.com/archives/2658.html