首頁 > web前端 > js教程 > jQuery stop()函數詳解

jQuery stop()函數詳解

巴扎黑
發布: 2017-06-30 11:33:06
原創
1580 人瀏覽過

   對於stop()函數,有說的價值的其括號裡能夠填入的兩個參數。

   stop()函數的原型是這樣的:stop(stopall,finish);stopall和finish是其兩個參數,取值為true或false。

   stopall取值為true會使動畫佇列中所有動作停止,否則只停止目前動作,並緊接著進行動畫佇列中的下一個動作。

   finish取值為true會使當前動作立刻跳到結尾然後停止(不管當前動作進行至什麼進度)(這裡單獨研究finish,不涉及stopall,所以只談當前動作,而不涉及動畫隊列中的下一動作),否則會使當前動作在進行的進度處停止,不會跳到結尾。

   stopall和finish預設值都是false,且stop(true)等價於stop(true,false)

   最後提供程式碼供調試

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
   p
   {
    height:200px;
	width:200px;
	background-color:#99ff99;
	position:relative;
   }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  <script>
  $(document).ready(function(){
   $("#start").click(function(){
	   $("#a1").animate({left:"400px"},5000);
	   $("#a1").animate({top:&#39;400px&#39;},5000);
	   $("#a1").animate({left:"0px"},5000);
	   $("#a1").animate({top:"0px"},5000);
   });
   $("#end").click(function(){
	   $("#a1").stop(false,true);
   });
  });
  </script>
 </head>
 <body>
  <button id="start">开始动画</button>
  <button id="end">停止</button>
  <p id="a1"></p>  
 </body>
</html>
登入後複製



 

  

以上是jQuery stop()函數詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板