jquery动画

jQuery 动画 - animate() 方法

认情况下，所有 HTML 元素都有一个静态位置，且无法移动。
如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！

当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。

同时，色彩动画并不包含在核心 jQuery 库中。

如果需要生成颜色动画，您需要从jq的网站下载  插件。

停止动画

$("#stop").click(function(){                                                                                                                  
    $("div").stop();         //"停止" 按钮停止当前激活的动画，但之后我们能再动画队列中再次激活。
  });

  $("#stop2").click(function(){
    $("div").stop(true);        //点击 "停止所有" 按钮停止当前动画，并清除动画队列，所以元素的所有动画都会停止。
  });

  $("#stop3").click(function(){
    $("div").stop(true,true);        //点击 "停止动画，但完成动作" 快速完成动作，并停止它。
  });