jQuery效果

来源:互联网 发布:lua调用linux c库 编辑:程序博客网 时间:2024/06/01 07:12

animate:执行一组CSS属性的自定义动画。

<!doctype html><html lang="en"><head>  <meta charset="utf-8">  <title>animate demo</title>  <style>  div {    position: relative;    background-color: #abc;    width: 40px;    height: 40px;    float: left;    margin: 5px;  }  </style>  <script src="https://code.jquery.com/jquery-1.10.2.js"></script></head><body><p><button id="go">Run »</button></p><div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div><div class="block"></div><script>$( "#go" ).click(function() {  $( ".block:first" ).animate({    left: 100  }, {    duration: 1000,    step: function( now, fx ){      $( ".block:gt(0)" ).css( "left", now );    }  });});</script></body></html>