原标题：10个非常炫酷的jQuery相册动画赏析

本文由玩赚乐(www.banghui.org)– 小峰原创，转载请看清文末的转载要求，欢迎参与我们的付费投稿计划！

我们经常可以在网页上看到形式各异的jQuery相册插件，由于现在浏览器对HTML5和CSS3的兼容越来越好了，所以很多jQuery相册插件都运用了CSS3的相关特性，形成了许多炫酷的动画特效。本文收集了10个比较经典炫酷的jQuery相册动画，希望大家喜欢。

1、HTML5/CSS3图片左右切换弹性动画

这是一款很有特点的HTML5图片切换动画，点击左右按钮即可将图片进行弹性切换，图片在被切换时，都会产生一定的弹性缓冲动画效果。这款HTML5图片应用非常适合在产品宣传页面上使用，看上起十分大气。

在线演示 源码预告

2、jQuery/CSS3实现拼图效果的相册插件

今天我们要来分享一款很酷的jQuery相册插件，首先相册中的图片会以一定的角度倾斜放置在页面上，点击图片缩略图就可以展开图片，并且图片是由所有缩略图拼接而成，图片展开和收拢的动画效果也非常不错。当然图片倾斜需要CSS3支持。

在线演示 源码预告

3、jQuery幻灯片播放器插件 可自动播放图片

今天我们要再介绍一个jQuery幻灯片播放器插件，它的功能很齐全，不仅可以手动切换图片，而且可以开启和关闭自动播放图片功能。另外，还可以展开缩略图列表迅速预览所有图片。

在线演示 源码预告

4、HTML5 3D相册浏览 震撼人心

今天我们再来看一款HTML5 3D相册浏览应用，图片可以手动播放，也可以自动播放，效果非常震撼，赶紧把这款HTML5 3D相册分享给你的朋友吧。

在线演示 源码预告

5、jQuery/CSS3动画相册图片浏览插件

今天这款jQuery相册插件正好弥补了动画的缺陷，由于CSS3特性的利用，当我们点击图片浏览的时候，缩略图就会以淡入淡出的动画效果消失，然后出现原始图片。同时你也可以点击左右按钮来逐一浏览相册中的图片。

在线演示 源码预告

6、HTML5 TweenMax.js和jQuery实现的3D图片动画

TweenMax是一个很常用的动画制作框架，TweenMax.js是TweenMax的JS版本，今天我们就结合TweenMax.js和HTML5来实现一款超炫的3D图片墙动画，几张图片围成一个围墙，然后图片墙可以随着鼠标的移动而旋转，旋转速度可以根据鼠标来变化，非常酷的HTML5 3D动画应用。

在线演示 源码预告

7、jQuery/CSS3实现全屏图片滑块焦点图动

今天我们要来分享一款非常大气的jQuery/CSS3全屏焦点图插件，这款焦点图有以下几个特点：首先图片可以全屏切换滑动，显得非常大气；其次焦点图有缩略图导航，点击缩略图可以切换至相应的图片；最后就是图片有阴影，配合天空白云的背景，像是浮动一样，非常立体。

在线演示 源码预告

8、HTML5 3D立体图片相册

HTML5非常强大，尤其是和CSS3结合，有时候能达到非同凡响的网页动画效果。今天要分享的这款HTML5应用就是一款很酷的3D立体图片相册应用，它可以用鼠标多拽从多个角度浏览相册图片，点击图片，就可以放大图片，相册图片都是美女，千万别让女朋友看到。

在线演示 源码预告

9、CSS3动画相册 图片淡入淡出动画效果

这是一款基于CSS3的动画相册，这样的相册我们之前也分享过不少，比如HTML5 3D立体图片相册。非常的华丽。今天的这款CSS3相册相对比较实用，当鼠标划过缩略图时，原图片即会以淡入淡出的动画效果展现出来，大家可以将它应用在自己的网站上。

在线演示 源码预告

10、jQuery/CSS3相册浏览插件 相册图片滤镜效果

这是一款基于jQuery和CSS3的超酷相册浏览插件，当我们滑过相册图片的缩略图时，图片即会产生滤镜效果，由灰色编程彩色，同时图片周围产生不错的阴影效果。点击缩略图时，我们将开始浏览相册的原始图片，我们点击右上角的关闭按钮即可回到相册缩略图模式。

在线演示 源码预告

以上就是10个非常炫酷的jQuery相册动画赏析，希望对你有所帮助。

玩赚乐(www.banghui.org)整理诚挚分享
本文作者：玩赚乐(www.banghui.org)– 小峰
[原创作品，转载必须在正文中标注并保留原文链接和作者等信息。]

tags：

上一篇  下一篇

相关：

我从1万小时编程中学到了什么

本文由玩赚乐(www.banghui.org)– 小峰原创翻译，转载请看清文末的转载要求，欢迎参与我们的付费投稿计划！

回顾2015年最大的7个App趋势

本文由玩赚乐(www.banghui.org)– 小峰原创翻译，转载请看清文末的转载要求，欢迎参与我们的付费投稿计划！

Android性能优化之加快应用启动速度

应用的启动启动方式通常来说，在安卓中应用的启动方式分为两种：冷启动和热启动。1、冷启动：当启动应用时，

JavaGC专家系列1：理解Java垃圾回收

了解Java的垃圾回收(GC)原理能给我们带来什么好处？对于软件工程师来说，满足技术好奇心可算是一个，但重要

JavaGC专家系列2：Java垃圾回收的监控

这是”成为GC专家系列”文章的第二篇。在第一篇理解Java垃圾回收中我们学习了几种不同的GC算法的处理过程，

JavaGC专家系列3：GC调优实践

本篇是”GC专家系列“的第三篇。在第一篇理解Java垃圾回收中我们学习了几种不同的GC算法的处理过程，GC的工

10个用Java谋生非常有趣的方式

本文由玩赚乐(www.banghui.org)– 小峰原创翻译，转载请看清文末的转载要求，欢迎参与我们的付费投稿计划！

手游运营：正确使用手游数据分析的7个方法

知识就是力量，这对于手游开发商们来说尤其重要。有数据和分析情况下做出的决定总会比毫无了解好的多。通过

怎么理解产品运营中的渠道？

前面我们说了产品和用户，那这篇文章就来说说渠道。做过运营的朋友都知道，渠道是连接产品和用户的桥梁，有

【案例分享】两个月100万粉丝她是怎么做到的？

一、我的约会被搅了我本来是要去约会的，跟我的被子，我们每天晚上都在缠绵到天亮的。然而德玛西亚突然给我