（パラメータ付き）jQueryのアニメーション

1  <！DOCTYPE HTML > 
2  < HTML > 
3      < ヘッド> 
4      < メタのcharset = "UTF-8" > 
5      < タイトル>动画综合</ タイトル> 
6      < スクリプトSRC = "jqueryの-1.12.0.min.js" > < / スクリプト> 
7      < スクリプト>  
8つの         $（ドキュメント）.ready（関数（）{
 9                $（" #start " ）。（）{
 10                     $（" DIV " ）.animate（{
 11                          、 " 左" ：" 100ピクセル" 
12                     }、3000 ）
 13  
14                     $（" DIV " ）.animate（{
 15                           " のfontSize " ：" 2EM " 
16                     }、3000 ）。
17                }）;
18  
19                $（" #STOP " ）.click（機能（）{
 20                      $（" div要素" ）.stop（）;
21                }）;
22  
23                $（" ＃1ストップ2 " ）.click（関数（）{
 24                    $（" DIV " ）.stop（真）;
 25                }）
 26  
27                $（" ＃1ストップ3 " ）.click（関数（）{
 28                     $ （" DIV " ）.stop（真、真）
 29                }）
 30            
31          }）;
32      </ スクリプト>  
33  </ ヘッド> 
34  < ボディ> 
35      < ボタンID = "開始" >开始</ ボタン> 
36      < ボタンID = "停止" >停止</ ボタン> 
37      < ボタンID = "ストップ2"を>停止所有</ ボタン>
     ボタンは、上記に述べたID =「ストップ3」を>アニメーションを停止しますが、アクションを完了するために、</ ボタン> 
39      < p型>のアニメーションを開始するには、「スタート」ボタンをクリックしてください。</ p型> 
40      < p型>現在アクティブなアニメーションを停止するには、「停止」ボタンをクリックして、しかし、その後、再び、我々は再びアニメーションキューを有効にします。</ P- > 
41      < p型>現在のアニメーション、アニメーションを停止し、キューをクリアし、そのアニメーションのすべての要素が停止しますし、「すべてを停止」ボタンをクリックします。</ p型> 
42      < p型>「アニメーションを停止しますが、アクションが完了する」をクリックし、それをすぐに行動をして停止します。</ P >  
43である     < divのスタイル=「背景：>こんにちはW </ divの> 
44  </ ボディ> 
45  </ HTML >