アニメーション

JavaScript（ジャバスクリプト）で作った、アニメーションに関するちょっと便利なサンプル集。

• ボッス要素を自動スクロール
  

  JavaScriptでボッス要素を自動スクロールし、テキストが流れているように見せるサンプル。

• ボッス要素の内容を指定回数分点滅
  

  ボッス要素の内容を指定回数だけ点滅させるサンプル。

• マウスのボタンを押している間実行し続け、ボタンを放すと止まるアニメーション
  

  マウスのボタンを押している間、カウントアップやカウントダウンをし続け、ボタンを放すと止まるアニメーションのJavaScriptサンプル。

• JavaScriptでボッス要素を自動横スクロール
  

  JavaScriptでボッス要素を自動横スクロールし、テキストが流れているように見せるサンプル。

• ボタンクリックでスクロールするインラインフレーム（IFrame要素）
  

  ボタンクリックで、インラインフレーム（IFrame要素）内のHTMLドキュメントをスクロールするJavaScriptサンプル。

• 自動横スクロールするインラインフレーム（IFrame要素）
  

  インラインフレーム（IFrame要素）内のHTMLドキュメントを自動横スクロールするJavaScriptサンプル。

• ボックス要素を半透明から不透明に変更するフェードインアニメーション
  

  ボタンクリックで、ボックス要素を半透明から不透明に徐々に変更するフェードインのアニメーションのJavaScriptサンプル。

• ボックス要素を不透明から半透明に変更するフェードアウトアニメーション
  

  ボタンクリックで、ボックス要素を不透明から半透明に徐々に変更するフェードアウトのアニメーションのJavaScriptサンプル。

• ボックス要素を透明から不透明に変更するフェードインアニメーション
  

  ボタンクリックで、ボックス要素を透明から不透明に徐々に変更するフェードインのアニメーションのJavaScriptサンプル。

• ボックス要素を不透明から透明に変更するフェードアウトアニメーション
  

  ボタンクリックで、ボックス要素を不透明から透明に徐々に変更するフェードアウトのアニメーションのJavaScriptサンプル。

• ボックス要素の幅を、指定したサイズまで拡大縮小アニメーション
  

  ボタンクリックで、ボックス要素の幅を、指定したピクセル単位の数値まで拡大縮小するアニメーションのJavaScriptサンプル。

• ボックス要素の高さを、指定したサイズまで拡大縮小するアニメーション
  

  ボタンクリックで、ボックス要素の高さを、指定したピクセル単位の数値まで拡大縮小するアニメーションのJavaScriptサンプル。

• ボックス要素の幅を、指定した割合まで拡大縮小するアニメーション
  

  ボタンクリックで、ボックス要素の幅を、指定した割合（パーセンテージ、％）まで拡大縮小するアニメーションのJavaScriptサンプル。

• 画像を、指定したサイズまで拡大縮小するアニメーション
  

  ボタンクリックで、画像を、指定したサイズまで拡大縮小するアニメーションのJavaScriptサンプル。