abstrakt：<button id="right">右移</button> <button id="stop">停止</button> <div class="box1"> php中文網(wǎng)</div> <script> $(doc

<button id="right">右移</button>
<button id="stop">停止</button>
<div class="box1"> php中文網(wǎng)</div>

<script>
$(document).ready(function(){
          $('.but1').click(function(){
            $('p').animate({fontSize:'40px'},1500)//屬性名稱font-size 一律改成駝峰寫法：fontSize
          })  
          //同時操作多個css屬性
           //使用預(yù)定義的值 show hide toggle
           $('.but2').click(function(){
            $('div').animate({
              // left:'400px',//如果想對元素位置進行一個位移，那么我們需要給當前元素設(shè)置一個position例如：
              // opacity:'0.3',
              // height:'400px',
              // width:'400px'
              width:'toggle'
              },1500)     
          })
          $('#right').click(function(){
            $('.box1').animate({left:'+500px'},3000)
            $('.box1').animate({fontSize:'30px'},500)
          })
           $('#stop').click(function(){
            $('.box1').stop(true)
         }) 
         })
</script>

總結(jié)：animate使用前習慣性寫上.stop(),立即完成動畫，達到友好體驗

Korrigierender Lehrer：天蓬老師Korrekturzeit：2019-04-22 13:56:08
Zusammenfassung des Lehrers：現(xiàn)在有很多優(yōu)秀的動畫庫, 可以實現(xiàn)更多的功能 ,還有css3中也自帶了很多原生的物效.... jQuery中的很多效果,都可以用這些替代的