# 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); }) ```