Spinner - Webページに「preloader」を追加・削除するjQueryプラグイン

2010/05/24 19:08 Update

処理が終了するまで、プリローダー画像を表示し続けることはユーザに対してフレンドリーだと考えられます。Spinnerは、jQueryのプラグインで、Webページに簡単「プリローダー画像」に表示したり、隠したりすることができます。

例えば、

プリローダー画像の表示例：

$('elem').spinner();

プリローダー画像の隠す例：

$('elem').spinner('remove');

例：

$('#example1').click(function() {
        var $this = $(this);
        $this.spinner();
        setTimeout(function() {
                $this.spinner('remove');
        }, 5000);
        return false;
});

これは、要素example1をクリックした際に、要素example1の右側に5秒間プレロード画像が表示されます。

機能・特徴

◇　プリローダー画像に自由にカスタマイズ可能
◇　プリローダー画像は指定する要素の左右、中央に表示可能
◇　表示開始＆終了のcallbackを指定可能

デモはこちら

Relative Articles

我要投稿

Spinner - Webページに「preloader」を追加・削除するjQueryプラグイン

機能・特徴

Sponsored Link

Comments

Relative Articles

分类

Newest Top10