JS ---ケース：ブートアニメーション

ケース：ブートアニメーション

上下二つの部分、0以下に最初の高い、DIV 0の、最大幅は、全くアニメーションを狭く形成していません

バックグラウンドでのXをクリックして、空のスパン上記のセットは、クリックイベントを登録するために使用されます

 

<！DOCTYPE HTML > 
< HTML > 

< ヘッドLANG = "EN" > 
  < メタ文字コード= "UTF-8" > 
  < タイトル> </ タイトル> 
  < スタイル> 
    ■は{ 
      幅：322px ; 
      位置：固定; 
      下：0 ; 
      右：0 ; 
      オーバーフロー：隠されました; 
    } 

    スパン{
      位置：絶対; 
      トップ：0 ; 
      右：0 ; 
      幅：30px ; 
      高さ：20ピクセル; 
      カーソル：ポインタ; 
    } 
  </ スタイル> 
</ ヘッド> 

< ボディ> 
  < DIV クラス= "ボックス" ID = "ボックス" > 
    < スパンID = "closeButton" > </ スパン> 
    < DIVクラス= "HD" ID = "headPart" > 
      < IMG SRC = "画像/ t.jpg" ALT = ""  /> 
    </ divの> 
    < divのクラス= "BD" ID = "bottomPart" > 
      < IMG SRC =」画像/ b.jpg」ALT = ""  /> 
    </ DIV > 
  </ DIV > 
  < スクリプトSRC = "common.js" > </ スクリプト> 
  < スクリプト>

    私の$（" closeButton "）.onclick =  関数（）{
       // セット関数バックオフ追加徐々に高い最下のDIV 0、となる
      アニメーションを（私の$（" bottomPart " ）、{ " 高さ" ：0 }、関数（）{ 
        アニメート（私の$（" ボックス" ）、{ " 幅" ：0 }）; 
      }）; 
    }; 

  </ スクリプト> 
</ ボディ> 

</ HTML >