歡迎回來。
所以，當我最初推出周杰倫queery我提到，它可以幫助我們做這樣的事情中選擇元素，在事件偵聽器操縱它們。
我還提到，它有助於效果和動畫。
因此，在這個視頻，我會做一些非內建的效果的快速預覽特別是我要展示的效果褪色效果和幻燈片兩大類。
所以我對周杰倫科瑞碼頭在這裡的影響類別。
你可以看到有相當的有效果做了幾個方法，我要去展示，所以我要去看看淡出，開始淡出效果啟動。
什麼淡出所做的就是選擇一個美元符號或一組元素的元素，並調用其上淡出，它會動態顯示元素從完全不透明到完全透明或不透明為零。
因此，它基本上淡出元素了，如果你希望它是慢或快或非常慢，你可以提供一個持續時間。
您可以提供毫秒數。
默認值是400毫秒，那麼你就可以提供一個回調到我會在短短的時刻顯示結束運行。
所以我要做一個新的文件在這裡展示這種效果研究演示，我會剛剛超過我們的結構從過去的演示頁複印，這人會打電話Ĵ奎裡的效果。
因此，我們有一個設置，我要去到這裡擺脫所有這些內容，然後我會在幾個div的補充。
讓我們做三div的，我們要使用這兩個div和淡化出來，為它們製作動畫和幻燈片，然後上下。
所以，我想給他們這第一個裡面的一些內容將是這些不褪色我下一個。
我求你了，請。
然後，最後我們會有一個說幫助幫助幫助。
因此，這些div的是絕望不能消失。
不幸的是今天不是他們的幸運日。
而我們將要戰鬥出來。
因此，為了使之更清楚我將一些風格這裡加入到我們的生活，讓他們有一個顏色，我們可以看到消逝。
他們也有一個寬度和高度，我們可以看到上下滑動。
所以我要選擇所有div，給他們一個擁有100像素和100像素的高度和青色的背景顏色，讓我們保存，我們將打開這個了。
我們有三個div的。
不過，我想他們是在同一行。
因此，要做到這一點的一種方法是用浮動左邊。
現在，他們都在同一行，但他們滲入對方。
因此，要解決這個問題，我們可以添加一個餘量。
所以我們只是做的各方20像素的保證金。
現在我們結束了三個廣場和他們每個人都有裡面的一些文字，我們真的不需要去過分造型它們，因為所有我們要做的是證明我們如何能夠進出適合他們。
因此，我們要在這裡添加一個按鈕往上頂和這個按鈕將只說按我。
而當我們點擊這個按鈕會發生什麼事是，我們的動畫將運行。
於是我點擊這個和這三個項目應該淡出啟動。
因此，要重申淡出將採取從元素完全不透明或任何不透明這是目前褪到完全透明的地步。
所以它看起來像這樣選擇點淡出，我們可以提供速度的可選字符串，慢或快或者我們可以給它一個毫秒數。
因此，讓我告訴你，現在。
實際上，我要做到這一點在一個單獨的文件，所以我要做一個javascript文件和保存。
我會打電話給它影響只是天才保存安全是有我的警覺連接和正確鏈接了一起底部。
只需添加腳本標記。
來源等於影響。
是。
如果我們刷新我們得到我們連接的警報。
所以，我們要在這裡做的是FAID這些div的出來。
因此，我們需要選擇的設備就是這樣，而不是淡出。
然後，我們可以提供速度或讓它這樣。
如果這就是我們想要做或刷新，你可以看到他們開始褪色了頁面加載。
因此，讓我們真正做到這一點，當我們單擊按鈕。
所以，我們要想做一個美元符號按鈕點，我們可以做任何點擊，不然我會做快速的點，然後通過我們的回調函數。
所以，當我們點擊之後就會淡出所有的div就這樣，現在會刷新，如果我點擊你可以看到他們都淡出。
因此，正如我所說，我們可以提供一些在這裡像1000這是一個完整的第二。
如果我刷新你會看到，當我點擊它需要一整秒為他們淡出。
有關淡出重要的一點是，如果我在這裡檢查頁面，看看我的元素的div都還在隊中，仍然只是在宿舍裡。
我們只是不想看到他們，因為他們的顯示器已經設置為none。
所以它不會刪除或不從網頁刪除。
它只是隱藏它們。
這肯定是一個很重要的區別。
所以我們說，我想只是打印一條消息，一旦過的div淡出，所以我會淡出出來，然後做這樣的事情褪色完成，因為它取消了日誌。
如果我運行此我將打開控制台，並觀看了事情發生的順序。
所以，當我點擊這裡我得到FAID完成的方式之前淡出實際完成的。
所以，這裡所發生的是，我們選擇所有的div，我們開始淡出，但它需要一個完整的第二。
和JavaScript並不等待第二個完成它移動到下一行之前。
它會立即移動到該行，並打印出FAID完成，然後淡出結束。
因此，如果我們想要的代碼發生淡出我們希望它保證是後我們可以在回調這裡傳遞結束後的權利。
所以這個回調時自動把它完成了淡出的內部調用。
所以，我要在那裡將我們不斷的日誌和保存。
如果我刷新，現在我點擊淡出結束，然後我們得到的每一個3淡入完成控制台點日誌。
更常見的情況，而不是僅僅打印出的領事字符串是一旦我們淡化他們實際刪除元素。
所以，我提到，他們只是隱藏他們沒有真正消失。
如果我們要刪除他們像我們做的名單上，我們要建立當我們點擊垃圾桶旁邊，我們想要一個項目就淡出慢慢地做一個漂亮的動畫。
但後來也只是刪除了該頁面完全關閉DOM。
因此，我們需要使用一個方法調用撈出，我們只希望淡出完成後刪除它。
這樣看起來，這將只是這樣做刪除。
而這是什麼會做的就是等待，直到淡出結束。
而對於每個div會在其上運行Remove方法。
因此，刷新並單擊單擊我的。
他們淡出，然後如果我們去到的元素，你可以看到，我們的身體只有一個按鈕現在和標籤所有的div都完全消失了。
如果我評論說，線路輸出和刷新你可以看到他們在這裡開局三div的，我點擊按鈕，所發生的一切。
他們逐漸消失，然後顯示設置為none。
所以，如果我把我的代碼錯了地方，我在這裡跑下來刪除方法我做的所有div點刪除就這樣。
究竟會發生的是，為了不被保證。
這是要採取一個完整的第二。
而這個代碼將不會等待第二個結束。
因此，將開始淡出，然後運行後立即刪除。
這樣結束了看起來像這樣的地方開始褪色，只是立即將其刪除它們後。
因此，它基本上是不褪色的。
所以這就是為什麼J.
科裡，因為它是很常見的為我們想要做的事，我們淡出東西出來後提供此回調或之後，我們滑動下來的東西或任何動畫。
所以這使我想到我的下一個點，這是我想說明一些其他動畫，我們可以做到這一點，我們也可以淡入的東西。
所以，如果我將顯示器設置為none在這樣的開始，我刷新。
我們看不到的div，因為現在他們藏而不褪色出來，當我們點擊我們可以淡化他們和它的作品就像你期望的那樣。
點擊按鈕，它們消失在了第二，然後如果我們想以後運行一些代碼時，我們知道他們是在我們做了褪色可以把一些代碼，如果這裡的回調說。
好吧所以這是Faden。
GK提供了被稱為FAID切換多了一個不錯的漸漸方法和FAID切換的工作方式相同。
我公司提供的毫秒數，它會知道是否需要或縮小取決於它是否當前顯示或不褪色的東西。
所以，如果我刷新和我淡出單擊切換它開始餵養它們都在，然後淡出大家都出去了，並回。
它基本上如添加類類列表或使用切換類傑伊·奎裡它只是決定是否需要淡入或淡出。
好吧，這樣的衰落下一組，我想證明在這些滑動效果的影響。
所以在這裡下來，我們有向下滑動開關滑動，滑動。
所以我會用幻燈片開始下來，它的作用是它需要，因此目前不顯示，而不是一個元素上動畫的不透明度喜歡FAID它實際上動畫元素的高度的元素。
所以，我會告訴你如何工作的。
我們都不會改變這一點。
而不是淡化撥動我們就滑下。
那是因為當我們刷新我們的元素是隱藏的。
所以，如果我跑滑下，當我們點擊一個按鈕，你會看到高度動畫下來，同樣的事情會向上滑動。
這則相反。
所以，如果我得到這樣他們表現出擺脫顯示屏。
現在我按一下按鈕。
他們的身高是動畫和他們的幻燈片向上，然後在結束時顯示設置為無。
而另一種方法是幻燈片切換它的作品就像FAID撥動它決定做什麼。
所以，如果我點擊他們的幻燈片了，現在滑下和背部上下。
所以，這一切就是向上滑動滑和幻燈片切換。
他們只是像他們FAID模擬方法。
還有一個可選的回調，我們可以通過。
所以，如果我們給一個時間像1秒鐘，然後我可以得到我的電話回。
我會只是做另一個騙子。該日誌結尾滑動完成。
而一旦完全第二張幻燈片已完成，將只打印出來。
所以我刷新。
讓我們看一下控制台和他們點擊點擊我，你可以看到，一旦幻燈片做這只打印。
這裡同樣的事情在這裡要注意。
這將改變到六個。
在那裡，我們走了。
但同樣一種較為常見的模式是刪除的項目一旦我們他們滑動，或淡出出來或任何我們所做的就是將其刪除。
因此，這裡將採取第二滑動他們，然後他們從頁面移除。
如果我們去的元素標籤我們的身體，除了那個按鈕，在腳本空。
所以希望他們給你一些如何在一個採石場工作的影響是一個好主意。
這些是目前最常用的衰落和滑動。
我們打算使用它們替代我們做，我們打算在未來的視頻啟動列表應用程序。