jquery總結06 動畫事件02 上捲下拉動畫

2022-07-26 18:00:11 字數 323 閱讀 7328

.slidedown() 下拉動畫 動畫執行之後的操作寫在**函式裡

$("ele").slidedown(1000, function() );

.slideup() 上捲動畫 

$("#a2").slideup(3000,function())

原理 :找到元素的高度,然後採用乙個下滑動畫讓元素一直滑到隱藏,當高度為0的時候,也就是不可見的時,修改元素display 樣式屬性被設定為none。

slidetoggle() 上捲下拉自動切換

display屬性值儲存在jquery的資料快取中,所以display可以方便以後可以恢復到其初始值

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

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

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

fadeout 淡出 fadein 淡入 fadetaggle 淡入淡出切換 fadeto 淡入設定透明度 淡入淡出fadein與fadeout都是修改元素樣式的opacity屬性,但是他們都有個共同的特點,變化的區間要麼是0,要麼是1 fadein 淡入效果,內容顯示,opacity是0到1 fa...

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

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