3种风吹图片jquery堆叠图片切换效果插件

dreamweaver免费视频教程：

http://www.51rgb.com/mproductzh.aspx?classid=31

加讨论群390180913 入群即可参加周一至周五免费公开课并获得免费视频 绝对干货！

 

3种风吹图片jquery堆叠图片切换效果插件

 

51RGB小编Q群162542073整理了一个堆叠切换图片效果插件分享出来大家参考使用。

插件描述

Windy这个jquery插件能够用来做一种卡片像是被风吹飞的效果。这种效果就像是一幅扑克牌被风吹飞了顶面上的第一张扑克。 通过使用Windy和CSS 3D transforms、transitions，你能够做出一种卡片被风吹飞的图片切换效果。

 

代码下载地址：http://www.51rgb.com/nbbs/thread-1670-1-1.html

 

注意：不是每一个浏览器都支持CSS 3D transforms和transitions。

HTML结构:

创建一个无序列表，给它加上class wi-container。

调用插件

可用参数

boundaries定义了扑克牌“分离”或者说是“被吹飞”的值。Windy插件将会随机在这个范围中选一个值。

下面的方法是可用的导航方法。

·         next()

·         prev()

·         navigate(position)

如果你想了解更多导航的方法，在下载压缩包的demo中有三个例子，两个使用箭头按钮导航和一个使用jQuery UI做的滑动条导航。

插件的css样式都定义在windy.css样式文件中。

 

 

 

光看文字怎么够 来看在线视频 手把手教你做网站！

Adobe官方讲师万晨曦指导 轻松幽默学习网站开发

Dreamweaver视频直达网址 http://www.51rgb.com/mproductzh.aspx?classid=31

转载于:https://my.oschina.net/51RGB/blog/386674