Flip 是一个基于 jQuery 的插件，它模仿流行的卡片翻转的效果，可以轻易的让元素在左右上下四个方向翻转。先看看效果吧，查看 Demo
Flip 同时基于 jQuery UI ，所以，要使用 Flip 需要引入 jQuery 和 jQuery UI 。
Flip 使用很简单，只需让元素调用 flip 方法就可以了。
$('.flipbox').flip({})
不过，仅仅只是单纯的调用 flip 方法的话，很多属性是默认的，也许不一定符合你的要求，你可以根据自己的要求、喜好添加相应的属性，Flip 提供的全部属性有：
content 定义翻转后元素的新内容，可以是：文本 、 HTML 或 jQuery 对象 direction 定义元素翻转的方向，可选：tb/bt/lr/rl ，默认为 tb color 定义元素翻转后的背景颜色，默认是 #999999 （从 Firebug 查看得知） speed 定义翻转的速度，默认为 500 毫秒 onBefore 定义元素翻转之前的回调函数 onAnimation 定义元素翻转到一半时的回调函数 onEnd 定义元素翻转之后的回调函数 好了，到这里已经介绍完毕，具体应用大家可以根据自己的喜好或发挥想象，这里我做了一个简单的类似幻灯片的翻页效果，查看 Demo
如果你想了解关于 Flip 的原文介绍或最新动态，你可以前往该插件的官方地址：http://lab.smashup.it/flip/
最新评论