jQuery函式學習之八 Effects部分

2022-02-05 12:27:11 字數 1858 閱讀 8839

這一節我們來學習一下jquery實現一些動畫的函式,我初步試驗了一下,效果非常不錯。以前純粹自己實現的漸顯,漸隱等

要寫很多**的,現在基本一行搞定,大家可以試試哦。

函式:animate(params, speed, easing, callback)

功能:這是個用來設定自定義動畫的函式,這個函式的關鍵之處在於這個物件

的那些樣式屬性將設為動畫和什麼時候終止

返回:jquery物件

引數:params (hash): 要設定改變的一系列屬性

speed (string|number): 可選的,可以為 ("slow", "normal", or "fast")或以微秒為單位的數字. 

easing (string): 可選的,easing物件需要外掛程式

callback (function): 可選的,動畫執行完成後執行的動作

例子:jquery code

$("p").animate(, 500);

函式:fadein(speed,callback),fadeout(speed,callback),fadeto(speed,opacity,callback)

功能:匹配元素的漸顯效果,漸隱效果,漸變效果

返回:jquery物件

引數:speed (string|number): 可選的,可以為 ("slow", "normal", or "fast")或以微秒為單位的數字. 

callback (function): 可選的,動畫執行完成後執行的動作

opacity:透明度

例子:jquery code

$("p").fadeout("slow");

jquery code

$("p").fadeout("slow",function());

$("p").fadeto("slow", 0.5);

jquery code

$("p").fadeto("slow", 0.5, function());

函式:hide(speed,callback),hide()

功能:以一定的速度隱藏,或立即隱藏

返回:jquery物件

例子:jquery code

$("p").hide("slow");

jquery code

$("p").hide("slow",function());

函式:show(),show(speed,callback)

功能:以一定的速度顯示,或立即顯示

返回:jquery物件

例子:jquery code

$("p").show("slow");

jquery code

$("p").show("slow",function());

函式:slidedown(speed,callback),slideup(speed,callback),slidetoggle(speed,callback)

功能:以一定速度向下展開,向上收縮,如果隱藏則向下展開,如果顯示則向上收縮

返回:jquery物件

引數:speed (string|number): 可選的,可以為 ("slow", "normal", or "fast")或以微秒為單位的數字. 

callback (function): 可選的,動畫執行完成後執行的動作

例子:jquery code

$("p").slidedown("slow");

jquery code

$("p").slidedown("slow",function());

函式:toggle()

功能:切換匹配元素的可見性,如果本來是不可見,則顯示,否則不顯示

返回:jquery物件

例子:無

jQuery函式學習之七 Ajax部分

location boston success function msg jquery code var html ajax responsetext jquery code var xmldocument create xml document ajax 函式 ajaxsetup settings...

jQuery函式學習之五 css部分

也就是對dom元素中的樣式進行操作 函式 css name 功能 獲取匹配元素指定屬性名的值 返回 string 引數 要訪問的樣式屬性名 例子 retrieves the color style of the first paragraph jquery code p css color befo...

Jquery 常用函式學習記錄

1獲取瀏覽器的名稱與版本資訊 在jquery中,通過 browser物件可以獲取瀏覽器的名稱和版本資訊,如 browser.chrome為true,表示當前為chrome瀏覽器,browser.mozilla為true,表示當前為火狐瀏覽器,還可以通過 browser.version方式獲取瀏覽器版...