JQuery停止动画

原创 2018-11-21 21:59:22 243
摘要:<!DOCTYPE HTML><HTML>  <head>  <title>JQuery的停止动画</title>  <meta charset="utf-8">  <script type="text/javascript" src=&qu
<!DOCTYPE HTML>
<HTML>
  <head>
  <title>JQuery的停止动画</title>
  <meta charset="utf-8">
  <script type="text/javascript" src="jquery-3.3.1.min.js"></script>
  <style  type="text/css">
    div{ height:200px;width:200px; background:blue; position:absolute;color:#fff;}
  </style>
   <script type="text/javascript">
      $(document).ready(function() {
      $('#right').click(function(){
      $('.box1').animate({left:'+500px'},3000)
      $('.box1').animate({fontSize:'30px'},500)
      })
      $('#stop').click(function(){
      $('.box1').stop(true)
      })
      })
    </script>
  </head>
  <body>
  <button id="right">右移</button>
  <button id="stop">停止</button>
  <div class="box1">李润晨大哥</div>
  </body>
</HTML>


批改老师:韦小宝批改时间:2018-11-22 09:16:46
老师总结:却少代码的高亮!不过代码还算是完整!下次记得再加点总结和高亮就更不错了哦!

发布手记

热门词条