jquery總結06 動畫事件03 淡入淡出效果

2022-07-26 18:00:11 字數 535 閱讀 8002

.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 動畫事件02 上捲下拉動畫

slidedown 下拉動畫 動畫執行之後的操作寫在 函式裡 ele slidedown 1000,function slideup 上捲動畫 a2 slideup 3000,function 原理 找到元素的高度,然後採用乙個下滑動畫讓元素一直滑到隱藏,當高度為0的時候,也就是不可見的時,修改元素...

jquery總結06 動畫事件01 基礎顯示和隱藏

動畫事件 hide option 動畫隱藏 會儲存元素的原始屬性值 a2 hide show option 動畫顯示 show與hide方法是修改的display屬性,通過是visibility屬性布局需要通過css方法單獨設定 如果使用 important在你的樣式中,比如display none...

jquery總結06 動畫事件04 自定義動畫

animate params,speed easing fn params,speed easing fn options,number string,string,functionv1.0 params 一組包含作為動畫屬性和終值的樣式屬性和及其值的集合 speed 三種預定速度之一的字串 slo...