jquery总结06-动画事件03-淡入淡出效果
.fadeout()淡出
.fadein()淡入
.fadeTaggle()淡入淡出切換
.fadeTo()淡入設(shè)定透明度
淡入淡出fadeIn與fadeOut都是修改元素樣式的opacity屬性,但是他們都有個(gè)共同的特點(diǎn),變化的區(qū)間要么是0,要么是1
fadeIn:淡入效果,內(nèi)容顯示,opacity是0到1
fadeOut:淡出效果,內(nèi)容隱藏,opacity是1到0
.fadeTo( duration, opacity ,callback) ?opacity 可以自己設(shè)置
?
操作元素的顯示和隱藏可以有幾種方法。
例如:
改變樣式display為none
設(shè)置位置高度為0
設(shè)置透明度為0
toggle與slideToggle細(xì)節(jié)區(qū)別:
toggle:動(dòng)態(tài)效果為從右至左。橫向動(dòng)作,toggle通過(guò)display來(lái)判斷切換所有匹配元素的可見性
slideToggle:動(dòng)態(tài)效果從下至上。豎向動(dòng)作,slideToggle 通過(guò)高度變化來(lái)切換所有匹配元素的可見性
轉(zhuǎn)載于:https://www.cnblogs.com/wufangfang/p/6114840.html
總結(jié)
以上是生活随笔為你收集整理的jquery总结06-动画事件03-淡入淡出效果的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: linux 下安装 php 扩展 典型安
- 下一篇: CSS3初体验之奇技淫巧