jQuery頁面動態(tài)效果

《jQuery頁面動態(tài)效果》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、jQuery頁面動態(tài)效果jQuery隱藏和顯示通過hide()和show()兩個函數(shù)，jQuery支持對HTML元素的隱藏和顯示：實例如下：同時hide()和show()兩個函數(shù)都可以設(shè)置2個參數(shù)：speed和callback。語法如下：$(selector).hide(speed.callback)$(selector).show(speed.callback)speed參數(shù)規(guī)定顯示或隱藏的速度，這里可以設(shè)置成：slow、fast、normal或毫秒。callback參數(shù)是在hide或slow函數(shù)完成之后

2、被執(zhí)行的函數(shù)名稱。如：jQuery切換jQuerytoggle（）函數(shù)使用show（）和hide（）函數(shù)來切換HTML元素的可見狀態(tài)語法如下：$(selector).toggle(speed,callback)speed參數(shù)規(guī)定顯示或隱藏的速度，這里可以設(shè)置成：slow、fast、normal或毫秒。jQuery滑動函數(shù)slideDown，slideUp，slideToggle$(selector).slideDown(speed,callback)------------下拉$(selector).sli

3、deUp(speed,callback)-----------------上鋪$(selector).slideToggle(speed,callback)--------------------切換------------------------------------------------------------------------------------------------------------------------------------------------------------

4、------------------------------------------------------------------------------------------------------jQueryFade函數(shù)fadeIn（）、fadeout（）、fadeTo（）語法如下：$(selector).fadeIn(speed,callback)$(selector).fadeOut(speed,callback)$(selector).fadeTo(speed,opacity,callback

5、)fadeTo()函數(shù)中的opacity參數(shù)規(guī)定減弱到給定的不透明度。---------------------------------------------------------------------------------------------------------------------------------jQuery自定義動畫jQuery自定義動畫的語法：$(selector).animate({params},[duration],[easing],[callback])關(guān)鍵的參數(shù)是

6、params。它定義產(chǎn)生動畫的CSS屬性?？梢酝瑫r設(shè)置多個此類屬性：animate({width:"70%",opacity:0.4,marginLeft:"0.6in",fontSize:"3em"});---------------------------------------------------------------------------------------------------------------------------------最后對所有的進行總結(jié)可以得到如下列表：