HTML动画滑动图片特效

1、jQuery/CSS3图片洗牌切换动画特效

这是一款基于jQuery和CSS3的图片动画特效，该图片动画是洗牌的效果，我们只需点击切换按钮，即可一张张切换图片。另外，如果你长按住按钮不放，图片的洗牌效果就会更加明显和有趣，该jQuery图片特效一共有3中效果。

在线演示 / 源码下载

2、简单实用的jQuery横向图片滚动焦点图插件

之前我们分享了不少焦点图插件，包括jQuery焦点图和HTML5焦点图，效果都非常不错。今天的这款jQuery焦点图插件看起来非常简单，但是无论从外观和实用价值上看都相当不错。这款jQuery焦点图的图片是横向滚动的，两侧均有左右滑动按钮。

在线演示 / 源码下载

3、jQuery幻灯片播放焦点图插件

这又是一款基于jQuery的幻灯片焦点图插件，和之前分享的焦点图插件类似，图片都可以左右滑动。这款jQuery焦点图的优势在于不仅有一排小按钮切换图片滑动，而且可以直接点击图片来进行滑动切换。而且图片滑动相当流畅。

在线演示 / 源码下载

4、jQuery模拟Android HTC时间和天气画面

这次要分享的一款jQuery插件是模拟Android HTC手机的时间和天气画面，如果你的网络允许，该插件还可以ajax获取当地的天气情况。这款模拟Android HTC手机的jQuery插件从外观上看和Android待机画面非常相似，并且也可以实现滑屏特效。

在线演示 / 源码下载

5、CSS3 jQuery UI控制滑杆插件

今天我们要来分享一款基于CSS3和jQuery UI的控制滑杆插件，这款控制滑杆是在HTML5滑杆元素的基础上进行自定义CSS3渲染，所以外观更加漂亮。另外，这款控制滑杆插件是纵向的，当然你也可以通过设置让它水平放置。

在线演示 / 源码下载

6、纯CSS3绘制的黑色图标按钮组合

这是一款基于纯CSS3的图标组合，利用CSS3，我们基本可以在网页上绘制全部矢量图形，因为CSS3的出现我们可以绘制曲线了。这款图标是黑色风格的，有几个复杂的图案需要用多层CSS代码才能实现，大部分图标的绘制还是比较简单的。

在线演示 / 源码下载

7、纯CSS3 3D浮动按钮

这次我们来分享一款效果很酷的纯CSS3 3D浮动按钮，按钮是一个3D立体的悬浮圆形，按钮上面可以是文字和爱心图案，按钮底部还有阴影效果，显得很立体。另外，当把鼠标滑过按钮时，按钮就会下陷，就像在水面上下沉一样。

在线演示 / 源码下载

8、jQuery图片360度旋转 可跟随鼠标旋转

今天我们要再来介绍一款基于jQuery的360度图片旋转插件，这款jQuery图片旋转插件的原来和之前分享的类似，也是通过多张图片叠加播放实现的，通过jQuery实现方法也很简单。回顾之前分享的另外几款图片旋转插件：jQuery 360度图片旋转插件sprite spin、jQuery 360度图片旋转插件dopelessRotate。

在线演示 / 源码下载

以上这些HTML5应用和jQuery插件还不错吧，欢迎收藏分享。 本文链接：http://www.html5tricks.com/cool-useful-html5-jquery-apps.html