jquery必須知道的一些常用特效方法。加用法例項

2021-08-27 12:57:40 字數 2206 閱讀 3510

1. jquery fadein() 用於淡入已隱藏的元素。

語法:

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

例項:

$("button").click(function());

2. jquery fadeout() 方法用於淡出可見元素。

語法:

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

3.jquery fadetoggle() 方法可以在 fadein() 與 fadeout() 方法之間進行切換。

如果元素已淡出,則 fadetoggle() 會向元素新增淡入效果。

如果元素已淡入,則 fadetoggle() 會向元素新增淡出效果。

語法:

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

例項:$("button").click(function());

這裡我想說一般jquery他都有取反可逆的方法來實現單個方法的綜合。下面的那個上移動和下移動也如此。

4.。語法:

$(selector).fadeto(speed,opacity,callback);

必需的 speed 引數規定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。

fadeto() 方法中必需的 opacity 引數將淡入淡出效果設定為給定的不透明度(值介於 0 與 1 之間)。例項

$("button").click(function());

5. jquery slidedown() 方法用於向下滑動元素。

語法:

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

$("#flip").click(function());

6. jquery slideup() 方法用於向上滑動元素。

語法:

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

可選的 speed 引數規定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。

可選的 callback 引數是滑動完成後所執行的函式名稱。

7. jquery slidetoggle() 方法可以在 slidedown() 與 slideup() 方法之間進行切換。

如果元素向下滑動,則 slidetoggle() 可向上滑動它們。

如果元素向上滑動,則 slidetoggle() 可向下滑動它們。

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

8. jquery animate() 方法用於建立自定義動畫。

語法:

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

必需的 params 引數定義形成動畫的 css 屬性。

可選的 speed 引數規定效果的時長。它可以取以下值:"slow"、"fast" 或毫秒。

可選的 callback 引數是動畫完成後所執行的函式名稱。

也可以定義相對值(該值相對於元素的當前值)。需要在值的前面加上 += 或 -=:

也可以定義一組animate,實現佇列功能。

下面的例子演示 animate() 方法的簡單應用;它把 元素移動到左邊,直到 left 屬性等於 250 畫素為止:

例項

$("button").click(function());
});

9. jquery stop()方法用於停止動畫或效果,在它們完成之前

10.當動畫 100% 完成後,即呼叫 callback 函式。

典型的語法:

$(selector).hide(speed,callback)

11.jquery 方法鏈結

有些元素只要獲取一遍就可以,所以可以利用鏈結對方法追加。

就是方法點方法。如

$("#p1").css("color","red").slideup(2000).slidedown(2000);

office必須知道的一些事情

一 office 2003如何 相容office 2007的格式 office 2003作為最經典最常用的軟體,在2007出來之後,還在廣泛的應用,2007的格式不被2003相容,會無法開啟。方案比較 方案一適合那些使用office高階功能的,比如vba。方案二適合不使用高階功能的,經常在版本之間轉...

維護linux必須知道的一些命令

lsof list open files 是乙個列出當前系統開啟檔案的工具。lsof i 4 列舉出ip v4 lsof i tcp 列出所有tcp網路連線 lsof i 列出所有網路連線 lsof i 80 檢視一下80埠的程序 lsof i udp 53 檢視 一下udp,53埠 lsof u ...

Cardview你必須知道的一些屬性

1.首先使用cardview要依賴design包 2.cardview可包裹控制項,文字 等,作為容器 3.cardview屬性有 card view cardelevation 陰影的大小 card view cardmaxelevation 陰影最大高度 card view cardbackgr...