資源描述:
《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