10款基于jquery的web前端动画特效

1.jQuery横向手风琴图片切换动画

以前咱们为你们分享过不少款基于jQuery和CSS3的手风琴菜单和手风琴焦点图插件，好比CSS3响应式垂直手风琴菜单和jQuery横向手风琴图片展现插件。今天要介绍的也是一款基于jQuery的横向手风琴图片切换动画，鼠标滑过图片时便可展开，而且图片上方有文字标题，很是实用。

在线演示

源码下载

2.jQuery/CSS3渐变颜色拾取器

以前咱们向你们分享过一款功能十分强大的jQuery颜色拾取器，支持透明度的选取。今天要为你们介绍的一样是一款基于jQuery的颜色选取插件，不一样的是，这款颜色拾取器功能更增强大，支持多个颜色的插入，造成渐变色的选取。

在线演示

源码下载

3.jQuery世界国家城市多级联动 支持关键词搜索

以前咱们分享过几款中国各城市的省市联动下拉框，好比jQuery多级联动美化版Select下拉框。今天要介绍的这款jQuery城市多级联动功能更增强大，不只支持全世界各个国家城市的多级联动，并且每一级都支持关键词搜索，能够快速定位须要选择的国家和城市。

在线演示

源码下载

4.HTML5 Canvas 圆形进度条 显示数字百分比

记得之前为你们分享过不少样式各异的进度条插件，有基于jQuery的，也有基于HTML5和CSS3的。此次咱们要介绍另一款基于HTML5 Canvas的圆形进度条应用，在黑色的背景下，白色的进度条显得格外显眼，并且圆形中央会实时显示当前进度的数字百分比，很是实用。

在线演示

源码下载

5.CSS3实现3D卡通文字效果

以前咱们介绍过不少基于jQuery和CSS3的文字动画特效，好比HTML5/CSS3发光文字 可自定义文字色彩就很是炫酷。今天要分享的是一款基于CSS3的3D卡通文字效果，文字呈现的是3D立体的视觉效果，鼠标滑过文字时会出现晃动的动画效果。

在线演示

源码下载

6.jQuery多动画对话框窗口和提示框插件

以前咱们分享过不少款外观和功能都不一的jQuery对话框和提示框插件，好比jQuery弹出层对话框 外观优雅带遮罩和CSS3/jQuery自定义弹出窗口。此次要分享的一样是一款jQuery对话框插件，它的特色是弹出对话框的动画效果有不少种，演示中每个按钮即一种动画效果。另外，插件还提供多种提示框动画插件，功能十分强大。

在线演示

源码下载

7.jQuery层叠式图片切换焦点图插件

以前咱们为你们分享过一款jQuery内容层叠滚动切换动画插件，主要是针对文字的层叠式切换。今天要介绍的也是一款层叠式切换插件，不过它是一款jQuery焦点图应用，除了当前的图片，咱们能够看到全部图片的一部分，切换后显示下一张图片，切换动画是层叠式的效果。

在线演示

源码下载

8.jQuery页面滚动元素展示隐藏动画插件

今天要给你们介绍一款超炫酷的jQuery动画插件，这款插件实现的功能是当页面向下滚动时，页面中的指定元素会以各类动画的方式展示出来，当页面向上滚动时，元素则会以各类动画方式隐藏。也就是说页面元素会随着可视范围的变化而出现展示隐藏的动画效果。

在线演示

源码下载

9.HTML5 Canvas 随机色彩光束爆炸动画特效

今天咱们要给你们分享一款很是炫酷的HTML5 Canvas光束爆炸动画特效，它就像一朵光速爆炸开同样，动画效果很是绚丽。点击鼠标时，能够随机切换光速的颜色，固然你也能够在页面上放几个按钮，经过点击按钮来指定某一种颜色的光束。

在线演示

源码下载

10.jQuery可拖拽的弹性分享按钮菜单

今天咱们要给你们介绍一款很是有特点的分享按钮，它和HTML5/CSS3社会化分享按钮相似，也以小图标的方式呈现。不一样的是，这款分享按钮点击后能够弹性展开各个小图标，而且拖动按钮时每个小图标也会跟随鼠标移动，效果很是酷。

在线演示

源码下载

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