jQuery學習之二 jQuery效果

1、jquery 效果之隱藏和顯示

$(selector).toggle(speed,callback); //隱藏、顯示切換

可選的 speed 引數規定隱藏/顯示的速度，可以取以下值："slow"、"fast" 或毫秒。

可選的 callback 引數是隱藏或顯示完成後所執行的函式名稱。

利用隱藏和顯示功能可以實現tab的摺疊、導航欄的收起與顯示等效果。

2、

jquery 效果之淡入淡出

$(selector).fadein(speed,callback);  //淡入已隱藏的元素

$(selector).fadeout(speed,callback); //淡出可見元素

$(selector).fadetoggle(speed,callback); //切換

淡入、淡出可見元素

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

$(selector).fadeto(speed,opacity,callback);  //允許漸變為給定的不透明度（值介於 0 與 1 之間）

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

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

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

貌似效果和hide()、show()差不多，差別在於元素的顯示與隱藏的方式不同

$(selector).animate(,speed,callback);//建立自定義動畫

必需的 params 引數定義形成動畫的 css 屬性，使用 camel 標記法書寫所有的屬性名，比如，必須使用 paddingleft 而不是 padding-left，使用 marginright 而不是 margin-right，等等，。

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

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

注：預設情況下，所有 html 元素的位置都是靜態的，並且無法移動。如需對位置進行操作，記得首先把元素的 css position 屬性設定為 relative、fixed 或 absolute。

jquery 提供針對動畫的佇列功能，編寫的多個 animate()會順序逐一執行。如：

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

div.animate(,"slow");
div.animate(,"slow");
div.animate(,"slow");
});

jquery 停止動畫

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

stop() 方法適用於所有 jquery 效果函式，包括滑動、淡入淡出和自定義動畫。

$(selector).stop(bstopall,bgotoend);

可選的引數bstopall規定是否應該清除動畫佇列。預設是 false，即僅停止活動的動畫，允許任何排入佇列的動畫向後執行。

可選的 bgotoend 引數規定是否立即完成當前動畫。預設是 false。

因此，預設地，stop() 會清除在被選元素上指定的當前動畫。

callback 函式在當前動畫 100% 完成之後執行。

jQuery學習筆記之二 顯示效果

1 顯示 隱藏 使用 hide 和 show 方法來隱藏和顯示 html 元素 使用 toggle 方法來切換 hide 和 show 方法。語法 selector hide speed,callback selector show speed,callback selector toggle sp...

vue專案中引入jquery和jqueryui

之前一直不喜歡在vue裡面引入jq的東西，因為和vue的理念是背道而馳的，但是後來因為專案需求難以解決，不得不引入入jquery去解決，才感嘆jq還是很強大的啊 真香嘻嘻 我的專案是基於vue 2.0的。3.0的可能會有些不同，但是應該問題不大了 首先，我們得在package.json檔案中的dep...

ucos 學習之二

os initmisc void os ext volatile int32u ostime 使用volatile的關鍵字，是為了 volatile的作用 作為指令 關鍵字，確保本條指令不會因 編譯器的優化而省略，且要求每次直接讀值.簡單地說就是防止 編譯器對 進行優化.比如如下程式 xbyte 2...