對于隱藏的元素,在將其顯示出來的過程中,可以對其進(jìn)行一些變化的動畫效果。之前學(xué)過了show方法,show方法在顯示的過程中也可以有動畫,但是.show()方法將會匹配元素的寬度,高度,以及不透明度,同時進(jìn)行動畫操作。這里將要學(xué)習(xí)一個新的顯示方法slideDown方法
.slideDown():用滑動動畫顯示一個匹配元素
.slideDown()方法將給匹配元素的高度的動畫,這會導(dǎo)致頁面的下面部分滑下去,彌補(bǔ)了顯示的方式
常見的操作,提供一個動畫是時間,然后傳遞一個回調(diào),用于知道動畫是什么時候結(jié)束
.slideDown( [duration ] [, complete ] )
持續(xù)時間(duration)是以毫秒為單位的,數(shù)值越大,動畫越慢,不是越快。字符串 'fast' 和 'slow' 分別代表200和600毫秒的延時。如果提供任何其他字符串,或者這個duration參數(shù)被省略,那么默認(rèn)使用400 毫秒的延時。
具體使用:
$("ele").slideDown(1000, function() { //等待動畫執(zhí)行1秒后,執(zhí)行別的動作.... });
注意事項(xiàng):
請驗(yàn)證,完成請求
由于請求次數(shù)過多,請先驗(yàn)證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報