一、基本效果
關于以下屬性中的 easing 想要更好的去了解這個屬性 https://www.runoob.com/jqueryui/api-easings.html 我想這裡會更加清晰明了
1.show() 顯示隐藏的比對元素。文法：show([speed,[easing],[fn]])
speed:三種預定速度之一的字元串("slow","normal", or "fast")或表示動畫時長的毫秒數值(如：1000)
fn:在動畫完成時執行的函數，每個元素執行一次 （回調函數）。
2.hide() 顯示隐藏的比對元素。文法：hide([speed,[easing],[fn]])
3.toggle() 1.9版本 .toggle() 方法删除，它很實用，如果元素是可見的，切換為隐藏的；如果元素是隐藏的，切換為可見的。
二、滑動效果(與show，hide相似，不同點是動畫效果不同以下幾點都是 )
1.slidedown() 通過高度變化（向下增大）來動态地顯示所有比對的元素，在顯示完成後可選地觸發一個回調函數。
2.slideup（） 通過高度變化（向上減小）來動态地隐藏所有比對的元素，在隐藏完成後可選地觸發一個回調函數。
3.slidetoggle() 通過高度變化來切換所有比對元素的可見性，并在切換完成後可選地觸發一個回調函數。
三、淡入淡出效果（淡入淡出是改變元素的透明度實作隐藏顯現不會修改寬高，這是和上面的兩種效果的差別）
1.fadein() 通過不透明度的變化來實作所有比對元素的淡入效果，并在動畫完成後可選地觸發一個回調函數。
2.fadeout() 通過不透明度的變化來實作所有比對元素的淡出效果，并在動畫完成後可選地觸發一個回調函數。
3.fadeto() 把所有比對元素的不透明度以漸進方式調整到指定的不透明度，并在動畫完成後可選地觸發一個回調函數
eg：$("img:eq(2)").fadeto(3000,0.3); // fadeto()方法 将圖檔以3000毫秒的時間過渡到0,3的透明度
4.fadetoggle() 通過不透明度的變化來開關所有比對元素的淡入和淡出效果，并在動畫完成後可選地觸發一個回調函數。
四、自定義效果（自定義效果相當于集以上效果于一身，可以改變元素的寬高，透明度等屬性.....）
1.animate() animate() 方法執行 css 屬性集的自定義動畫。該方法通過css樣式将元素從一個狀态改變為另一個狀态。
css屬性值是逐漸改變的，這樣就可以建立動畫效果。隻有數字值可建立動畫（比如 "margin:30px"）。
字元串值無法建立動畫（比如 "background-color:red"）。
文法如下：
2.stop() 停止所有在指定元素上正在運作的動畫。如果隊列中有等待執行的動畫(并且clearqueue沒有設為true)，他們将被馬上執行
方法 屬性： stop([clearqueue],[jumptoend])
clearqueue:如果設定成true，則清空隊列。可以立即結束動畫。
jumptoend:如果設定成true，則完成隊列。可以立即完成動畫。
3.delay() 設定一個延時來推遲執行隊列中之後的項目。jquery 1.4新增。用于将隊列中的函數延時執行。他既可以推遲動畫隊列的執行，也可以用于自定義隊列。
4.finish() 停止目前正在運作的動畫，删除所有排隊的動畫，并完成比對元素所有的動畫。 finish()和stop有着相似之處，不同點在于，stop是停止，stop(true,true)
是結束目前的動畫，finish不同他将會清除該元素上所有的動畫，直接到動畫完成的最終效果。
六、設定效果
效果的使用關鍵是如何搭配使用，在什麼時候使用，可以嵌套，可以循環等等。簡單的案列執行起來很簡單。emmmmmmm最後兩張截圖原諒我不知道怎麼寫案列qaq
我這裡根據以上的效果方法寫了簡單案例如下：
效果：