11.23第16节课
来源:互联网 发布:淘宝如何鉴定质量问题 编辑:程序博客网 时间:2024/06/05 18:00
jQuery动画
1. show() 方法和 hide() 方法
调用hide()方法会将元素的display样式改为’ none ‘。
show()方法将元素的display样式设置为先前的显示状态。
show()方法和hide()方法的参数可以指定毫秒值,缓慢的隐藏和展示。
$('p').toggle(function(){ $(this).hide(2000); },function(){ $(this).show(2000); })
2.fadeIn()和fadeOut()方法
fadeIn()和fadeOut()方法只改变元素的不透明度。
fadeOut()方法会在指定的一段时间内降低元素的不透明度,直到元素完全消失(display:none)。
$('p').toggle(function(){ $(this).fadeOut(); },function(){ $(this).fadeIn(); })
3.slideUp()方法和slideDown()方法
slideUp()方法和slideDown()方法只会改变元素的高度。
如果一个元素的 display 属性值为’none’,调用slideDown()方法时,这个元素将由上至下延伸显示。slideUp()方法正好相反,元素将由下到上缩短隐藏。
$('p').toggle(function(){ $(this).slideUp(); },function(){ $(this).slideDown(); })
jQuery中任何动画效果,都可以指定3种速度参数。slow,normal和fast,使用时记得加上引号。
4.animate()方法
可以使用animate()方法来自定义动画。
结构:animate(params,speed,callback)
$('#panel').click(function(){ lg('click'); $(this).animate({left:'+=500px'}, 3000); }); //多重动画 $('#panel').click(function(){ lg('click'); $(this).animate({left:'+=500px',top:'+=500px'}, 30000); });
阅读全文
0 0
- 11.23第16节课
- C#的第16节课
- javaSE 第77节课
- 11.8第6节课
- 11.9第7节课
- 11.16第12节课
- 11.20第13节课
- 11.21第14节课
- 11.22第15节课
- 11.27第17节课
- 大阪第16天
- 第16课
- 实习第16天
- 第16章 国际化
- 第16章
- 第16周总结
- 第16章 国际化
- P51第16题
- MySQL对指定字段进行加密
- UE4 UnrealEngine4 SteamVR 头盔 和 立体电视 协同 展示
- 巡盐御史的私房钱
- eclipse启动时报错,出现An error has occurred.See the log file E:\源码\.metadata\.log.
- mysql utf8mb4 编码
- 11.23第16节课
- leetcode-14
- 一些Java编程上的小细节
- 给计算器写白盒测试用例Test case
- dpdk加速网络协议栈ANS,单core路由转发+1000条ACL 64字节达到8.43Mpps
- 2017/11/23
- ConcurrentHashMap
- 模糊匹配数据库中的json字段
- 11月22日云栖精选夜读:双11享Go了吗?2017阿里双11在线峰会续写科技盛宴!