这里介绍jquery的一种插件,用来实现div或者图片的立体翻转效果(不是平移),详细配置如下:
[color=darkred]jquery-1.3.2.js
jquery-ui-1.7.2.custom.min.js
jquery.flip.js[/color]
(见附件)
[size=medium][b]flip插件所有参数说明如下:[/b][/size]
content
定义翻转后元素的新内容,可以是:文本 、 HTML 或 jQuery 对象
direction
定义元素翻转的方向,可选:tb/bt/lr/rl ,默认为 tb
color
定义元素翻转后的背景颜色,默认是 #999999 (从 Firebug 查看得知)
speed
定义翻转的速度,默认为 500 毫秒
onBefore
定义元素翻转之前的回调函数
onAnimation
定义元素翻转到一半时的回调函数
onEnd
定义元素翻转之后的回调函数
[color=darkred]jquery-1.3.2.js
jquery-ui-1.7.2.custom.min.js
jquery.flip.js[/color]
(见附件)
[size=medium][b]flip插件所有参数说明如下:[/b][/size]
content
定义翻转后元素的新内容,可以是:文本 、 HTML 或 jQuery 对象
direction
定义元素翻转的方向,可选:tb/bt/lr/rl ,默认为 tb
color
定义元素翻转后的背景颜色,默认是 #999999 (从 Firebug 查看得知)
speed
定义翻转的速度,默认为 500 毫秒
onBefore
定义元素翻转之前的回调函数
onAnimation
定义元素翻转到一半时的回调函数
onEnd
定义元素翻转之后的回调函数