本文共 679 字，大约阅读时间需要 2 分钟。

语法结构

animate(params, speed, callback);

• params： 包含样式属性的映射。
• speed：速度参数，可选。
• callback：在动画完成执行的函数，可选。

实例

要实现一个功能，点击元素时，每次元素在300ms内向右移动100px。

点击前：

点击后：

jQuery：

$this.children('li').click(function(){
                       $(this).animate({left: "+=100px"},300);                    console.log("ccc");                });

html：

   
                        
    
                            欢迎使用                        
                    
   

css:

.tabs li {    position: relative;    width: 100px;}.tabs .tab-li-a {    display: block;    margin: 1px;    float: left;    text-decoration: none;    color: white;    background-color: #0099cc;    padding: 5px 1em;    border: 1px solid #a1acb8;}