# zepto動畫 ******引入包的順序不能錯****** ## 一.animate動畫 ``` <script src="js/zepto/zepto.js"></script> <script src="js/zepto/fx.js"></script><!--動畫效果需要添加fx.js--> <script> $("button").eq(0).click(function () { $("div").animate({"margin-left":"500px"}); }); </script> ``` ## 二show(),hide(),toggle(),slide*()等動畫過程的顯示 ``` <script src="js/zepto/zepto.js"></script> <script src="js/zepto/fx.js"></script> <script src="js/zepto/fx_methods.js"></script> $("button").eq(0).click(function () { $("div").hide(400); }) ```