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

2013-05-30 / JSN / 0 Comments / 511 次瀏覽

預設的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/

#effect#effects()#jquery ui#動態#效果