亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

jQuery停止動畫學(xué)習總結(jié)

オリジナル 2018-11-10 18:24:24 228
サマリー:<!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <script src="前端課件/jQuery/jquery-3.3.1.min.
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="前端課件/jQuery/jquery-3.3.1.min.js"></script>
    <style type="text/css">
       .div_1{width: 100px;height: 100px;background: red;margin-top: 30px;position: absolute;}
    </style>
</head>
<body>
    <script>
      $(document).ready(function(){
          $('#bt_1').click(function(){
             $('.div_1').animate({left:'200px'},2000)
             $('.div_1').animate({top:'200px'},2000)
             $('.div_1').animate({left:'8px',opacity:'0.5'},2000)
             $('.div_1').animate({top:'8px',opacity:'0.5'},2000)            
        })
        $('#bt_2').click(function(){
          $('.div_1').stop(true)        
        })
      })
    </script>
    <button id="bt_1">開始</button>
    <button id="bt_2">停止</button>
    <div class="div_1"></div>
</body>
</html>

通過測試stop()的確如果沒有放true值只能停止第一個動畫,后續(xù)動畫會繼續(xù)執(zhí)行,放了true值后,就可以控制整個動畫效果的停止位置。

添削の先生:滅絕師太添削時間:2018-11-11 09:22:37
先生のまとめ:練習的比較全面,繼續(xù)保持,必要的時候,要帶上筆記和備注

手記を発表する

人気のある見出し語