知識學習 jQuery效果

2021-08-13 08:27:05 字數 2816 閱讀 6837

定義：執行 css 屬性集的自定義動畫。該方法通過css樣式將元素從乙個狀態改變為另乙個狀態。css屬性值是逐漸改變的，這樣就可以建立動畫效果。

語法一

$(selector).animate(styles,speed,easing,callback)


//styles 必需。規定產生動畫效果的 css 樣式和值。css樣式要用駝峰形式的


//如$("#box").animate();


//speed 可選。規定動畫的速度。


//easing 可選。規定在不同的動畫點中設定動畫速度的 easing 函式。


//callback 可選。animate 函式執行完之後，要執行的函式。
語法二

$(selector).animate(styles,options)


//styles 必需。規定產生動畫效果的 css 樣式和值。css樣式要用駝峰形式的


//options 可選。規定動畫的額外選項。可能的值：speed - 設定動畫的速度


//easing - 規定要使用的 easing 函式


//callback - 規定動畫完成之後要執行的函式


//step - 規定動畫的每一步完成之後要執行的函式


//queue - 布林值。指示是否在效果佇列中放置動畫。如果為


//false，則動畫將立即開始


//specialeasing - 來自 styles 引數的乙個或多個 css 屬性的對映，以及它們的對應 easing 函式
定義：停止佇列中所有仍未執行的函式。

$(selector).clearqueue(queuename)


//queuename 可選。規定要停止的佇列的名稱。預設是 "fx"，標準效果佇列。
定義：使用淡入效果來顯示被選元素，假如該元素是隱藏的。

$(selector).fadein(speed,callback)


//speed 可選。規定元素從隱藏到可見的速度。


//callback 可選。fadein 函式執行完之後，要執行的函式。
定義：使用淡出效果來隱藏被選元素，假如該元素是顯示的。

$(selector).fadeout(speed,callback)


//speed 可選。規定元素從隱藏到可見的速度。


//callback 可選。fadein 函式執行完之後，要執行的函式。
定義：將被選元素的不透明度逐漸地改變為指定的值。

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


//speed 可選。規定元素從當前透明度到指定透明度的速度。


//opacity 必需。規定要淡入或淡出的透明度。必須是介於0.00與1.00之間的數字。


//callback可選。fadeto 函式執行完之後，要執行的函式。
定義：如果被選的元素已被顯示，則隱藏該元素。

$(selector).hide(speed,callback)


//speed 可選。規定元素從可見到隱藏的速度。預設為 "0"。


//callback 可選。hide 函式執行完之後，要執行的函式。
定義：如果被選元素已被隱藏，則顯示這些元素：

$(selector).show(speed,callback)


//speed 可選。規定元素從隱藏到完全可見的速度。預設為 "0"。


//callback 可選。show 函式執行完之後，要執行的函式。
定義：通過使用滑動效果，顯示隱藏的被選元素。

$(selector).slidedown(speed,callback)


//speed 可選。規定元素從隱藏到完全可見（或相反）的速度。預設為 "0"。


//callback 可選。slidedown 函式執行完之後，要執行的函式。
定義：通過使用滑動效果（高度變化）來切換元素的可見狀態。

$(selector).slidetoggle(speed,callback)


//speed 可選。規定元素從隱藏到可見的速度（或者相反）。預設為"normal"。


//callback  可選。toggle 函式執行完之後，要執行的函式。
定義：使用滑動效果，隱藏被選元素，如果元素已顯示出來的話。

$(selector).slideup(speed,callback)


//同上
定義：停止當前正在執行的動畫。

$(selector).stop(stopall,gotoend)


//stopall 可選。規定是否停止被選元素的所有加入佇列的動畫。


//gotoend 可選。規定是否允許完成當前的動畫。該引數只能在設定了stopall引數時使用。
定義：切換元素的可見狀態。如果被選元素可見，則隱藏這些元素，如果被選元素隱藏，則顯示這些元素。

$(selector).toggle(speed,callback,switch)


//同上


//switch 可選。布林值。規定 toggle 是否隱藏或顯示所有被選元素。


//true - 顯示所有元素 false - 隱藏所有元素


//如果設定此引數，則無法使用 speed 和 callback 引數。

jQuery學習之 效果

今天繼續學習一下jquery，主要記錄一下jquery的那些效果顯示 1.animate 函式 animate 方法執行 css 屬性集的自定義動畫。該方法通過css樣式將元素從乙個狀態改變為另乙個狀態。css屬性值是逐漸改變的，這樣就可以建立動畫效果。只有數字值可建立動畫 比如 margin 30...

jQuery學習之二 jQuery效果

1 jquery 效果之隱藏和顯示 selector toggle speed,callback 隱藏 顯示切換 可選的 speed 引數規定隱藏 顯示的速度，可以取以下值 slow fast 或毫秒。可選的 callback 引數是隱藏或顯示完成後所執行的函式名稱。利用隱藏和顯示功能可以實現tab...

二 jquery學習 jquery的效果

jquery的基本效果包括隱藏 顯示 切換，滑動，淡入淡出，以及動畫等等。一 隱藏與顯示 通過呼叫hide 和show 方法實現。語法如下 selector hide speed,callback selector show speed,callback 可選的 speed 引數規定隱藏 顯示的速度...