animate方法使用总结

Posted lindablog

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了animate方法使用总结相关的知识，希望对你有一定的参考价值。

<script>
        $(function(){
          /*  show()方法和hide()方法会同时修改元素的多个样式属性，即高度、宽度和不透明度:
              fadcOut()方法和fadeln()方法只会修改元素的不透明度:
              slideDown()方法和slideUp()方法只会改变元素的高度.
              animate方法的标准格式
              animate(params, speed,callback);
           */
　　　　　　　　　　eg.
           $(".panel").click(function(){
               //注：1秒后向左移动300px，要使用此方式的前提是被操作的元素必须有position属性，否则没效果
               $(this).animate({left:"300px"},1000)
           });

        });
    </script>
    </head>
<body>
    <div class="panel" style="width: 100px; height: 100px;margin: 100px; background: #647787; position: relative;" ></div>
</body>



















以上是关于animate方法使用总结的主要内容，如果未能解决你的问题，请参考以下文章

201610-H5项目总结

自定义动画animate()

Unity+NGUI性能优化方法总结

如何使用 setViewController:direction:animated 方法

尝试使用 animateWithDuration 时找不到方法 '+animateWithDuration:delay:options:animations:'

css动画(transition/transform/animation)