jquery動畫效果相關方法實例分析_jquery

jquery動畫效果相關方法實例分析_jquery

ID:30777956

大?。?9.50 KB

頁數:5頁

時間:2019-01-03

jquery動畫效果相關方法實例分析_jquery_第1頁
jquery動畫效果相關方法實例分析_jquery_第2頁
jquery動畫效果相關方法實例分析_jquery_第3頁
jquery動畫效果相關方法實例分析_jquery_第4頁
jquery動畫效果相關方法實例分析_jquery_第5頁
資源描述:

《jquery動畫效果相關方法實例分析_jquery》由會員上傳分享,免費在線閱讀,更多相關內容在工程資料-天天文庫。

1、jQuery動畫效果相關方法實例分析木文實例講述了jQuery動畫效果和關方法。分享給大家供大家參考,具體如下:1、show()顯示效果語法:show(speed,cal1back)Number/String,Functionspeend為動畫執(zhí)彳亍時間,單位為毫秒。也可以為slow","normal",,zfast,zcallback可選,為當動畫完成時執(zhí)行的函數。show(speed,[easing],callback)Number/Stringeasing默認是swing,可選1inear;復制代碼代碼如下:$(n#div1U).show(3000,function(){ale

2、rt(“動畫顯示完成!“);});2、hide()隱藏效果hide(speed,callback)Number/String,Functionhide(speed,easing,callback)Number/String復制代碼代碼如下:$(n#div1U).hide(3000,function(){alert(”動畫隱藏完成”)});3、toggleO隱藏顯示自動切換,當目前為顯示則隱藏,當目前為隱藏則顯示語法:toggle(speed,callback)Number/String,Funcliontoggle(speed,callback)Number/String,Strin

3、g,Function復制代碼代碼如下:$(H#div1U).toggle(3000,function(){alert(“動畫效果切換完成”)});4、slideDown()向下顯示,slow。是水平與垂直方向同時展開,而slideDown是僅僅在垂直方向向下展開語法:siideDown(speed,callback)Number/String,FunctionslidcDown(speed,[casing],callback)Number/String,Function復制代碼代碼如下:$(n#div1u).slideDown(3000,function(){alert(”向卜展開顯

4、示成功!”);));5、slideUpO向上隱藏,hide()是水平與垂直兩個方向的,而slideUpO僅僅是垂直方向向上收起隱藏語法:slideUp(speed,callback)Number/String,FunctionslideUp(speed,[easing],callback)Number/String,String,Function復制代碼代碼如下:$C'#div1u).slideUp(3000,function(){alert(H向上收起隱藏成功!“);})6、slideToggle垂直方向上切換,toggle是水平與垂直兩個方向上的,而slideToggle是僅僅垂

5、直方向的。語法:siideToggle(speed,callback)Number/String,FundionsiideToggle(speed,[easing],callback)Number/String,String,Function復制代碼代碼如下:$(n#div1u).slideToggle(3000,function(){alert(M水平方向上切換成功”);});7、fadelnO以改變透明度來顯示語法:fadeln(speed,callback)Number/String,FunctionfadeTn(speed,[easing],callback)Number/S

6、tring,Function復制代碼代碼如下:$(M#div1n).FadeIn(3000,function(){alert(“淡入顯示成功!”);});fadeOutO以改變透明度來隱藏語法:fadeOut(speed,callback)Number/String,FunctionfadeOut(speed,[casing],callcack)Number/String,String,Function復制代碼代碼如下:$(H#div1U).fade0ut(3000,function(){alert(”淡出隱藏成功!“);));9.fadeToggleO以改變透明度來切換顯示隱藏狀態(tài)

7、語法:fadeToggle(speed,callback)Number/String,FunctionfadeToggle(speed,[easing],callback)Number/String,Function復制代碼代碼如下:$(n#div1n).fadeToggle(3000,function(){alert(n淡入淡岀切換成功!”);});10.fadeTo()由指定的時間將透明度改變到指定的透明度語法:fadeTo(speed,callbac

當前文檔最多預覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當前文檔最多預覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數學公式或PPT動畫的文件,查看預覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權歸屬用戶,天天文庫負責整理代發(fā)布。如果您對本文檔版權有爭議請及時聯系客服。
3. 下載前請仔細閱讀文檔內容,確認文檔內容符合您的需求后進行下載,若出現內容與標題不符可向本站投訴處理。
4. 下載文檔時可能由于網絡波動等原因無法下載或下載錯誤,付費完成后未能成功下載的用戶請聯系客服處理。