jquery.flip介绍:
Flip!是一个能够让任意HTML、文本或jQuery Element产生漂亮翻转效果的jQuery插件。可以配置翻转方向:从右到左、上到下或从左到右、下到上。翻转的速度也可以配置。
查看简单的翻滚效果
Flip需要引用:jQuery (必须的,最低版本1.3.2) jQueryUI(必须的:core + effects core)
兼容性
兼容于:Firefox, Chrome/Chromium, Opera, Safari and even IE (6,7,8)
Flip 使用很简单,只需让元素调用 flip 方法就可以了。
$('.flipbox').flip({})
不过,仅仅只是单纯的调用 flip 方法的话,很多属性是默认的,也许不一定符合你的要求,你可以根据自己的要求、喜好添加相应的属性,Flip 提供的全部属性有:
content定义翻转后元素的新内容,可以是:文本 、 HTML 或 jQuery 对象
direction
定义元素翻转的方向,可选:
colortb/bt/lr/rl
,默认为 tb定义元素翻转后的背景颜色,默认是 #999999 (从 Firebug 查看得知)
speed定义翻转的速度,默认为 500 毫秒
onBefore定义元素翻转之前的回调函数
onAnimation定义元素翻转到一半时的回调函数
onEnd定义元素翻转之后的回调函数
更多相关:
一个简单的类似幻灯片的翻页效果
jquery.flip官网
jquery.flip下载
jquery.slicebox介绍:
与此插件,有异曲同工之妙的,还有个:jquery.slicebox 。SLICEBOX插件是一个全新的3D效果滑块并且具有良好的兼容性。 但是,请注意,你只能在支持CSS3的浏览器中看到Slicebox的酷毙的3D效果。(也就是说,老的浏览器,也可以正常的切换功能,只是没了3D效果而已)
使用方法:
$('#sb-slider').slicebox();
更多相关:
查看jquery.slicebox例子
jquery.slicebox下载