图片翻转-flip-ui
来源:互联网 发布:python函数的多个形参 编辑:程序博客网 时间:2024/06/05 17:39
<script src="jquery.min.js"></script> <!-- 引js--><script src="jquery-ui.min.js"></script><script src="jquery.flip.min.js"></script><script>$(function(){ $('.content').click(function(){ var _this = $(this); _this.flip({ direction: 'lr', content: '反转后显示的内容,反转后显示的内容,反转后显示的内容,反转后显示的内容', onEnd: function(){ _this.css({ background: 'orange', color: 'white' }).unbind('click'); } }); });});</script>
<img class="content" src="..."/>
direction:翻转方向,总共有 4 个值(tb、bt、lr、rl),默认 tb
content:设置翻转后容器内显示的内容,可以是文本,可以是 html,甚至可以是 jquery 对象
color:设置翻转后容器的背景色
speed:设置翻转速度,值越小速度就越快
onBefore:设置翻转前需要执行的内容
onAnimation:设置翻转到一半的时候需要执行的内容
onEnd:设置翻转完成后需要执行的内容
0 0
- 图片翻转-flip-ui
- opencv3的图片翻转flip()函数
- Flip Game翻转游戏
- flip函数翻转操作
- opencv3_java 图形图像的翻转Flip flip
- 【搜索优化】翻转游戏 flip
- Android的Flip翻转动画
- CSS3实现翻转(Flip)效果
- CSS3实现翻转(Flip)效果
- POJ flip Game翻转棋盘
- 【Leetcode】 Flip Game 翻转游戏
- css3 transition effect(Flip翻转效果)
- No.2 flip game 翻转游戏
- flip、transpose 图像翻转镜像
- 图片翻转
- 图片翻转
- 图片翻转
- 图片翻转
- VMSetError: Unable to load R3 module解决方法
- mysql增加用户并授权
- YUV420图像格式
- Sqrt函数高效实现
- Python 数据结构 之 队列 的顺序、链式存储结构
- 图片翻转-flip-ui
- 核PCA与PCA的精髓和核函数的映射实质
- 802.1Q VLAN技术原理
- CSDN Android优秀博主
- C语言带参数宏中##、#@、#的区别
- BeanUtils将request封装到Bean(日期转换器)
- 用js进行日期的加减
- 加热后会破坏纳豆活性
- 1-11-4 - 特殊三位数(自制瑕疵版)