jquery ui – easy 滑動的效果 Easings

預設的jQuery 只有 liner 與 swing 兩種模式
配上jQuery ui以後可以有更多選擇
可參考jQuery ui 的官方範例
http://api.jqueryui.com/easings/

jquery ui – 支援更多的動畫效果 effect()

預設的jQ只有例如slideIn,fadeIn 之類的簡單效果

但 jQuery ui 能擴充更多的動畫效果

首先我們加載了jQuery ui外掛

像下面的範例可以產生一個震動的效果喔

<script src="jquery 路徑"></script>
<script src="jquery ui 路徑"></script>
<script>
$(function (){
        $(".box").on("click", function (){
		$( ".box" ).effect( "shake", "swing", 60, function (){});
	});
});
</script>

<div class="box" style="background:#333; width:200px; height:200px;"></div>

effect()可參考:
http://api.jqueryui.com/effect/

至於有哪些動態的效果可參考這些,官方裡面有範例:
http://api.jqueryui.com/category/effects/