精美的HTML5焦点图特效

HTML5结合jQuery可以让网页图片变得更加绚丽多彩，比如实现一些图片3D切换、CSS3动画绘制以及各种图片效果的渲染。本文将分享8款精美的HTML5图片动画，希望你能喜欢。

1、jQuery/CSS3 3D焦点图动画

之前我们已经向大家分享过很多基于jQuery和CSS3的3D焦点图动画插件，今天要分享的这款jQuery 3D焦点图动画也非常不错，有好几种炫酷的3D图片切换动画，可以为你的焦点图播放器增添不少光彩。

在线演示 / 源码下载

2、HTML5/CSS3图片网格动画特效

HTML5技术可以让网页上的图片变得非常神奇，各种各样的HTML5图片动画特效让你眼花缭乱。今天要分享的这款HTML5图片网格动画特效就非常炫酷。图片缩略图按网格的布局一行行排列，你只需点击按钮即可让这些图片出现不可思议的动画效果，值得一看。

在线演示 / 源码下载

4、jQuery图片列表拖拽排序布局插件

本文要介绍的是一款基于jQuery的图片列表拖拽排序布局插件，我们可以拖拽图片，将图片插入到其他任意图片的前面或者后面，实现图片重新布局的功能，这个功能可以让用户自定义桌面布局，也是jQuery拖拽插件的一个经典案例。

在线演示 / 源码下载

6、HTML5 3D 卡片视频播放器 超立体视觉

这是一款基于HTML5的视频播放器，不过你一眼看上去，它并不像一款播放器，而是一张张3D立体的卡片，没有播放按钮，没有音量设置。不过它的特色就是把HTML5视频播放器嵌入到卡片里面，然后这些卡片可以和用户互动，并产生HTML5 3D的效果，非常不错的创意。点击卡片即可播放视频。

在线演示 / 源码下载

7、jQuery轮播切换组件 可播放多张图片

这是一款基于jQuery的图片轮播组件，在这个组件中，你可以任意指定8张图片，然后插件就会帮你自动生成缩略图，并且自动开始切换播放图片。当然，你也可以手动切换图片，只要点击缩略图即可，这款jQuery轮播切换组件配置比较方便，唯一的不足就是只能指定8张图片，灵活性不强。

在线演示 / 源码下载

8、jQuery产品图片滑动展示动画

我们在电子商务网站上需要展示图片的时候，需要用到jQuery的产品图片展示插件会比较方便，今天分享的这款jQuery图片滑动展示动画就很好的解决了产品图片展示的效果。利用该插件，我们可以产品图片分组，然后每一组即可切换显示。

在线演示 / 源码下载