程序猿必备的10款web前端动画插件六

1.SVG/HTML5超富创意的环形颜色拾取器

记得很早以前我们分享过一款功能很强大的jQuery颜色选取插件 支持透明度选择，确实很不错。今天我们要介绍另外一款基于SVG和HTML5的环形颜色拾取器，非常具有创意。20种颜色组成一个圆环，每一种颜色都有相近的5种颜色可以选取，唯一遗憾的是不能根据任意的RGB值选取颜色。

在线演示

源码下载

2.jQuery简易平滑焦点图插件

今天要给大家介绍一款超实用的jQuery简易平滑焦点图插件，这款焦点图的扩展性非常强，主区域可以是图片，也可以是文字和视频，理论上讲可以是任意HTML元素。另外还有一个特点是可以自定义切换按钮，控制显示切换箭头还是切换按钮，还支持自动播放图片。

在线演示

源码下载

3.HTML5/CSS3 3D图片播放器 可360度旋转图片

记得之前给大家分享过一些超炫酷基于jQuery和HTML5 的3D焦点图图片播放器，很多还是不错的，比如jQuery 3D 垂直螺旋切换焦点图动画和超赞实用的jQuery立体3D焦点图插件。今天要分享的是另外一款基于HTML5和CSS3 3D图片播放器，它的特点是图片呈3D样式，而且可以通过滑杆360旋转图片，效果非常炫酷。

在线演示

源码下载

4.带投影的3D jQuery焦点图 可自适应页面大小

之前我们为大家分享很多带有3d视觉效果的jQuery/HTML5焦点图插件，比如这款jQuery/CSS3 3D旋转图片切换焦点图插件功能就非常强大。这次我们要分享的是一款带投影的3D jQuery焦点图，它的特点是利用CSS3的投影特性，让图片带有3D立体的视觉效果，同时另外一个特点是图片可以随着页面大小而自适应，可以让焦点图插件在大屏的PC页面和迷你的移动页面上均可使用。

在线演示

源码下载

5.HTML5/CSS3水平二级下拉菜单

今天我们要给大家介绍一款简单而实用的HTML5/CSS3水平二级下拉菜单，这款CSS3菜单由简单的ul列表组成，因此兼容所有的浏览器。它的背景一共由3部分组成：主菜单的淡蓝色、下拉菜单黑色和下拉菜单选中时的红色。同时菜单也会随着页面大小的改变而自适应，淡然这部分功能不是所有开发者都会喜欢。

在线演示

源码下载

6.超炫酷纯CSS3 3D折叠二级下拉菜单

这是一款外观非常炫酷的CSS3 3D下拉菜单，它的特点是主菜单的背景和页面背景非常融合，看上去就像菜单嵌入在页面中一样；最大的特点在于当鼠标滑过菜单项时，就会展开3D样式的二级子菜单，同时子菜单会产生摇晃折叠的动画效果，看起来十分炫酷，而这一切都是纯CSS3实现。

在线演示

源码下载

7.jQuery/CSS3带小图标垂直手风琴菜单

今天我们要给大家分享一款超清新的CSS3带小图标垂直手风琴菜单，这款手风琴菜单的特点是菜单项带有小图标，而且如果存在二级菜单，该菜单项右侧则有箭头符号表示。菜单项展开时，其他菜单项同时会隐藏。这款CSS3手风琴菜单非常适合网站后台管理页面中使用。

在线演示

源码下载

8.jQuery带缩略图焦点图插件 淡入淡出切换效果

今天我们要给大家介绍一款相对比较实用的jQuery焦点图插件，这款焦点图插件的特点有2个，一个是每一张图片都有一个同比例尺寸的缩略图，所有缩略图都排列在下方，点击缩略图即可切换到对应的图片；另外一个特点是图片切换时出现淡入淡出的动画效果，播放十分流畅。

在线演示

源码下载

9.Chimee – 简单易用的H5视频播放器

Chimee是由奇舞团开源的一套H5视频播放器解决方案，由奇舞团视频云前端团队结合在业务和视频编解码方向的沉淀积累倾心打造。Chimee支持MP4、M3U8、FLV等多种媒体格式，同时它也帮我们解决了大部分的兼容性、差异化问题，包括全屏、自动播放、内联播放、直播解码等常见媒体播放需求。通过便捷的可热插拔的插件开发，能满足业务方快速迭代、灰度发布等要求；让开发者能够更轻松快捷地完成不同业务场景下UI、广告等各种功能需求的开发。

在线演示

源码下载

10.WOWSlider.js 响应滑盖触摸/划屏 100种现场演示

WOWSlider不仅创造了梦幻般的幻灯片效果，而且对性能和可访问性进行了优化，并采用了所有最新的特性和功能构建。 WOWSlider让您通过简单地鼠标点击，便可对幻灯片进行无数次的调整。响应滑盖触摸/划屏支持？带有采用幻灯片缩略图和播放/暂停控制的完整宽度幻灯片？ 3D效果和文字说明？没问题！更妙的是，有50多种完全独特的外观设计，25种过渡可供您选择，还有100种现场演示，可以告诉您，您可以用WOWSlider实现什么。

在线演示

源码下载

未经允许不得转载：爱前端网 » 程序猿必备的10款web前端动画插件六