亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

1. stop()：只會停止第一個動畫，第二個第三個繼續

2. stop(true)：停止第一個、第二個和第三個動畫

3. stop(true ture)：停止動畫，直接跳到第一個動畫的最終狀態?

• duration?- 設置動畫執行的時間

• easing - 規定要使用的 easing 函數，過渡使用哪種緩動函數

• step：規定每個動畫的每一步完成之后要執行的函數

• progress：每一次動畫調用的時候會執行這個回調，就是一個進度的概念

• complete：動畫完成回調

$('#elem').animate({
????width:?'toggle',??
????height:?'toggle'
??},?{
????duration:?5000,
????specialEasing:?{
??????width:?'linear',
??????height:?'easeOutBounce'
????},
????complete:?function()?{
??????$(this).after('<div>Animation?complete.</div>');
????}
??});

// 顯示隱藏 .hide()+.show() = .toggle()

//【顯示】按鈕

? ? $("#btnShow").click(function() {

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

? ? });

? ? //【隱藏】按鈕

? ? $("#btnFadeOut").click(function() {

? ? ? ? var v = $("#animation").val();

? ? ? ? if (v == "1") {

? ? ? ? ? ? $("p").fadeOut();

? ? ? ? } else if (v == "2") {

? ? ? ? ? ? $("p").fadeOut("slow");

? ? ? ? } else if (v == "3") {

? ? ? ? ? ? $("p").fadeOut(3000);

? ? ? ? } else if (v == "4") {

? ? ? ? ? ? $("p").fadeOut(2000, function() {

? ? ? ? ? ? ? ? alert("隱藏完畢!");

? ? ? ? ? ? });

? ? ? ? } else if (v == "5") {

? ? ? ? ? ? $("p").fadeOut(1000, "linear");

? ? ? ? } else if (v == "6") {

? ? ? ? ? ? $("p").fadeOut({

? ? ? ? ? ? ? ? duration: 1000

? ? ? ? ? ? });

? ? ? ? }

? ? });

//點擊button

? ? ? ? //執行3秒隱藏

? ? ? ? //執行3秒顯示

? ? ? ? $("button:last").click(function() {

? ? ? ? ? ? $("#a2").slideDown(3000,function(){

? ? ? ? ? ? ? ? alert('動畫執行結束')

? ? ? ? ? ? })

? ? ? ? });

//點擊buttom2 執行動畫隱藏

? ? ? ? $("button:last").click(function() {

? ? ? ? ? ? $("#a2").hide({

? ? ? ? ? ? ? ? duration: 3000,

? ? ? ? ? ? ? ? complete: function() {

? ? ? ? ? ? ? ? ? ? alert('執行3000ms動畫完畢')

? ? ? ? ? ? ? ? }

? ? ? ? ? ? })

? ? ? ? });

當我們在js中在調用一個函數的時候，我們經常會給這個函數傳遞一些參數，js把傳入到這個函數的全部參數存儲在一個叫做arguments的東西里面,，第1個參數的屬性名是’0’，第2個參數的屬性名是’1’，以此類推，

每個屬性能使用'show', 'hide', 和 'toggle'。這些快捷方式允許定制隱藏和顯示動畫用來控制元素的顯示或隱藏

CSS 樣式使用 DOM 名稱（比如 "fontSize"）來設置

所有用于動畫的屬性必須是數字的

jQuery中顯示與隱藏切換toggle方法

基本的操作：toggle();

這是最基本的操作，處理元素顯示或者隱藏，因為不帶參數，所以沒有動畫。通過改變CSS的display屬性，匹配的元素將被立即顯示或隱藏，沒有動畫。

display屬性將被儲存并且需要的時候可以恢復。如果一個元素的display值為inline，然后是隱藏和顯示，這個元素將再次顯示inline

提供參數：.toggle( [duration ] [, complete ] )

同樣的提供了時間、還有動畫結束的回調。在參數對應的時間內，元素會發生顯示/隱藏的改變，在改變的過程中會把元素的高、寬、不透明度進行一系列動畫效果。這個元素其實就是show與hide的方法

直接定位：.toggle(display)

直接提供一個參數，指定要改變的元素的最終效果

其實就是確定是使用show還是hide方法

if?(?display?===?true?)?{
??$(?"elem"?).show();
}?else?if?(?display?===?false?)?{
??$(?"elem"?).hide();
}

jQuery中顯示元素的show方法

方法的使用幾乎與hide是一致的，hide是讓元素顯示到隱藏，show則是相反，讓元素從隱藏到顯示

注意事項：

• show與hide方法是修改的display屬性，通過是visibility屬性布局需要通過css方法單獨設置

• 如果使用!important在你的樣式中，比如display: none !important，如果你希望.show()方法正常工作，必須使用.css('display', 'block !important')重寫樣式

• 如果讓show與hide成為一個動畫，那么默認執行動畫會改變元素的高度，高度，透明度

jQuery中隱藏元素的hide方法

$elem.hide()

提供參數：.hide(?options?)
當提供hide方法一個參數時，.hide()就會成為一個動畫方法。.hide()方法將會匹配元素的寬度，高度，以及不透明度，同時進行動畫操作快捷參數：.hide("fast?/?slow")這是一個動畫設置的快捷方式，'fast'?和?'slow'?分別代表200和600毫秒的延時，就是元素會執行200/600毫秒的動畫后再隱藏注意：jQuery在做hide操作的時候，是會保存本身的元素的原始屬性值，再之后通過對應的方法還原的時候還是初始值。比如一個元素的display屬性值為inline，那么隱藏再顯示時，這個元素將再次顯示inline。一旦透明度?達到0，display樣式屬性將被設置為none，這個元素將不再在頁面中影響布局

$("exec1").click(function(){

alert("值得長度："+$("results1").val().length)

});

$("#exec2").click(function(){

alert("值得長度："+$.trim($("#results2").val()).length)

});