码迷,mamicode.com
首页 > Web开发 > 详细

jquery总结06-动画事件03-淡入淡出效果

时间:2016-11-29 19:35:48      阅读:181      评论:0      收藏:0      [点我收藏+]

标签:jquery   动态效果   内容   高度   bsp   cal   通过   区别   动态   

.fadeout()淡出

.fadein()淡入

.fadeTaggle()淡入淡出切换

.fadeTo()淡入设定透明度

淡入淡出fadeIn与fadeOut都是修改元素样式的opacity属性,但是他们都有个共同的特点,变化的区间要么是0,要么是1

fadeIn:淡入效果,内容显示,opacity是0到1
fadeOut:淡出效果,内容隐藏,opacity是1到0

.fadeTo( duration, opacity ,callback)  opacity 可以自己设置

 

操作元素的显示和隐藏可以有几种方法。
例如:

  改变样式display为none
  设置位置高度为0
  设置透明度为0

toggle与slideToggle细节区别:
toggle:动态效果为从右至左。横向动作,toggle通过display来判断切换所有匹配元素的可见性
slideToggle:动态效果从下至上。竖向动作,slideToggle 通过高度变化来切换所有匹配元素的可见性

jquery总结06-动画事件03-淡入淡出效果

标签:jquery   动态效果   内容   高度   bsp   cal   通过   区别   动态   

原文地址:http://www.cnblogs.com/wufangfang/p/6114840.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!