jquery ui – easy 滑動的效果 Easings
預設的jQuery 只有 liner 與 swing 兩種模式
配上jQuery ui以後可以有更多選擇
可參考jQuery ui 的官方範例
http://api.jqueryui.com/easings/
預設的jQuery 只有 liner 與 swing 兩種模式
配上jQuery ui以後可以有更多選擇
可參考jQuery ui 的官方範例
http://api.jqueryui.com/easings/
預設的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/