« 気持ちよくアニメーションするCSS3のナビ | トップページ | CSS3で作る 下からスライドしてくるボックス »

2010年11月15日 (月)

Loading...の「...」をアニメーションさせるjQueryのプラグイン

Loading
Loading.
Loading..
Loading...
Loading....

ローディングの右下の「....」をアニメーションさせるjQueryのプラグインを紹介します。
デモページ

プラグインのdownload

使い方は

アニメーションをさせたい部分にidで指定をします。
デフォルトは「randomArea」です。

<div id="randomArea">

</div>

ページに設定スクリプトを記述します。

<script type='text/javascript'>

 $(function() {

  $("button").click(function() {

   $("#randomArea").Loadingdotdotdot({

    "speed": 400,

    "maxDots": 4

   });

  });

 });

</script>

設定方法は
speed 「....」を表示させる速度を設定します。
maxDots 「...」の最大数を設定します。

|

« 気持ちよくアニメーションするCSS3のナビ | トップページ | CSS3で作る 下からスライドしてくるボックス »

jQuery」カテゴリの記事

コメント

コメントを書く



(ウェブ上には掲載しません)


コメントは記事投稿者が公開するまで表示されません。



トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/1378074/38375871

この記事へのトラックバック一覧です: Loading...の「...」をアニメーションさせるjQueryのプラグイン:

« 気持ちよくアニメーションするCSS3のナビ | トップページ | CSS3で作る 下からスライドしてくるボックス »