JavaScript

指定した要素をパカパカと点滅させることができる「jquery.flicker」

とてもシンプルなプラグインだったのでメモがてらご紹介します。指定した要素をパカパカと点滅させることができる「jquery.flicker」です。何か間違った操作をした時に警告っぽい感じを出したい場合にいいかもしれないですね。普通のファイルで946 Bytes、minの方で771 Bytesということでめっちゃ軽量です。という訳で以下使い方です。

[ads_center]

使い方

jQuery本体とダウンロードしたjquery.flicker.js(またはjquery.flicker.min.js)を読み込みます。

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script>
<script type="text/javascript" src="jquery.flicker.js"></script>
<script type="text/javascript">
$(function(){
    $('#sample').click(function(){
        $('body').flicker({
            'reps': 5, 
            'pause': 200, 
            'delay': 800, 
            'color': '#e55'
        });
    });
});
</script>

上記はid名がsampleという要素をクリックするとbodyが点滅するようになります。

オプション

オプションは点滅の回数や色、間隔などを設定できます。

reps

点滅する回数です。

pause

点滅して色がついている時の時間の長さです。

delay

点滅する間隔です。

color

色を設定できます。

こんな感じで使い方やオプションもシンプルで使いやすいですね。ちょっとした注意を促す時なんかに使ってみたいプラグインかと思います。

以下からダウンロードできます。

色々なブランドカラーの値を知ることができる「BrandColors」前のページ

WordPressで自分がログイン中はGoogle アナリティクスを読み込ませない(非表示)ようにするやり方次のページWordPressのログイン時のツールバー

関連記事

  1. jQuery Responsive Thumbnail Gallery Plugin

    JavaScript

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQuery Responsive T…

    レスポンシブなサムネイル付きのイメージギャラリーを実装できる「jQue…

  2. JavaScript

    アニメーション付きの水平・垂直プログレスメーターを実装できる「jQMeter」

    jQMeterはアニメーションが付いた水平・垂直のプログレスメーターを…

  3. no-image

    JavaScript

    アクセシブルなビフォーアフター画像を実装できる「BeerSlider」

    BeerSliderはVanilla JSによるアクセシブルなビフォー…

  4. no-image

    JavaScript

    サイドバーをフローティングできる「FloatSidebar.js」

    FloatSidebar.jsはサイドバーをフローティングできるVan…

  5. lightGallery
  6. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. グーディオ オーガニックチョコレート(ミント)
  2. チキンバターマサラとシュリンプバターマサラ
  3. 恵比寿のダ・ミケーレのピザ
  4. ハムエッグホットサンドとドリップコーヒー
  5. 高輪ゲートウェイ駅のスタバ

アーカイブ

PAGE TOP