jQuery stop()関数の詳しい説明-jsチュートリアル-php.cn

jQuery stop()関数の詳しい説明

巴扎黑

リリース： 2017-06-30 11:33:06

オリジナル

1579 人が閲覧しました

stop() 関数の場合、括弧内に入力できるパラメーターが 2 つあります。

stop() 関数のプロトタイプは次のとおりです: stop(stopall,finish); stopall とfinishはその 2 つのパラメータであり、それらの値は true または false です。

stopall の値が true の場合、アニメーションキュー内のすべてのアクションが停止されます。それ以外の場合は、現在のアクションのみが停止され、アニメーションキュー内の次のアクションが実行されます。

finish の値が true の場合、現在のアクションはすぐに最後までジャンプして停止します (現在のアクションの進行状況に関係なく) (finish はここで個別に検討され、stopall は関与しないため、説明するだけです)アニメーションキューの次のステップではなく、現在のアクションに関するものです) (1 つのアクション)、そうでない場合、現在のアクションは進行状況で停止し、最後までジャンプしません。

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 中国語 Web サイトの他の関連記事を参照してください。