jquery幾個動畫的用法和異同

2022-07-02 23:45:10 字數 1569 閱讀 2913

一。控制元素的顯示及隱藏

show( )控制元素的顯示,hide( )控制元素的隱藏

1

$(selector).show([speed],[callback]);

2//speed可選。表示速度,預設為「0」,可能值:毫秒(如1000)、slow、normal、fast34

$(selector).hide([speed],[callback]);

5 //callback可選。show函式執行完之後,要執行的函式

例子:

$("element").show("slow");     //元素將在600毫秒內慢慢地顯示出來

$("element").show("normal"); //元素將在400毫秒內慢慢地顯示出來

$("element").show("fast"); //元素將在200毫秒內慢慢地顯示出來

$("element").hide("1000"); //元素將在1000毫秒(1秒)內慢慢地隱藏

二。改變元素的透明度

fadein( )fadeout(

)可以通過改變元素的透明度實現淡入淡出效果

$(selector).fadein([speed],[callback]);

//speed可選。表示速度,預設為「0」,可能值:毫秒(如1000)、slow、normal、fast

$(selector).fadeout([speed],[callback]);

//callback可選。fadein函式執行完之後,要執行的函式

例子:

$("#panel h5.head").toggle(function(),function());

三。改變元素的高度

slidedown( )可以使元素逐步延伸顯示

slideup( )則使元素逐步縮短直至隱藏

$(document).ready(function() );

});

例子:

$("#panel h5.head").toggle(function(),function());

四。自定義動畫

$(selector).animate(,speed,callback);

(1)params: 乙個包含樣式屬性及值的對映,比如

(2)speed    : 速度引數,可選。

(3)callback:在動畫完成時執行的函式,可選。

例子:

點選時,會緩慢的移動

click me

jQuery 動畫用法

jquery動畫 head meta charset utf 8 title title title style div style head body input type button value 顯示 input type button value 隱藏 div div body 1.jque...

jQuery的ajax async同步和非同步的理解

非同步 預設值 true 型別 布林值 預設情況下,所有請求都是非同步傳送的 即true預設設定 如果您需要同步請求,請將此選項設定為false。跨域請求和datatype jsonp 請求不支援同步操作。請注意,同步請求可能會暫時鎖定瀏覽器,並在請求處於活動狀態時禁用任何操作。async true...

jQuery的事件和動畫

1.偵聽事件 div on click.a function 2.僅用一次的事件 div one click function 3.事件的第二位除了可以是事件函式,還可以加入事件偵聽傳遞的引數 var obj 事件的第二位除了可以是事件函式,還可以加入事件偵聽傳遞的引數 div on click o...