六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 162|回复: 0

javascript 实现立体翻转效果

[复制链接]

升级  69.33%

44

主题

44

主题

44

主题

秀才

Rank: 2

积分
154
 楼主| 发表于 2013-2-7 19:21:30 | 显示全部楼层 |阅读模式
这里介绍jquery的一种插件,用来实现div或者图片的立体翻转效果(不是平移),详细配置如下:
jquery-1.3.2.js
jquery-ui-1.7.2.custom.min.js
jquery.flip.js

(见附件)
flip插件所有参数说明如下:
content
   定义翻转后元素的新内容,可以是:文本 、 HTML 或 jQuery 对象
direction
   定义元素翻转的方向,可选:tb/bt/lr/rl ,默认为 tb
color
   定义元素翻转后的背景颜色,默认是 #999999 (从 Firebug 查看得知)
speed
   定义翻转的速度,默认为 500 毫秒
onBefore
   定义元素翻转之前的回调函数
onAnimation
   定义元素翻转到一半时的回调函数
onEnd
   定义元素翻转之后的回调函数
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表