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

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

1、jQuery頁面動(dòng)態(tài)效果jQuery隱藏和顯示通過hide()和show()兩個(gè)函數(shù)，jQuery支持對(duì)HTML元素的隱藏和顯示：實(shí)例如下：同時(shí)hide()和show()兩個(gè)函數(shù)都可以設(shè)置2個(gè)參數(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滑動(dòng)函數(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自定義動(dòng)畫jQuery自定義動(dòng)畫的語法：$(selector).animate({params},[duration],[easing],[callback])關(guān)鍵的參數(shù)是

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