首页 > Web开发 > 详细

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

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

.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-淡入淡出效果

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!