jquery.resizeend

JavaScript

ウィンドウをリサイズした時にイベント発生できる「jquery.resizeend」

jquery.resizeendは、ブラウザのウィンドウをリサイズした時にイベントを発生させることができるjQueryプラグインです。ウィンドウのサイズ変更後に何かのイベント処理を行いたいという人にはピッタリの機能ですね。

jquery.resizeend

デモ

DEMOの項目では、ページを読み込んだ時は「No event」と表示されていますが、ブラウザのウィンドウをリサイズし始めると「Resizing」に変わり、リサイズが終了すると「Resizing Complete!」に変化します。

このように、ウィンドウをリサイズすることで任意のイベントを発生させられるのがこのプラグインの特徴です。リサイズ後に何かのアクションを起こさせたいという場合に役立ちますね。

基本的な使い方もシンプルでわかりやすいので、リサイズ後に自分の好きなイベントを設定したいという人には最適です。

オプションには「delay」が用意されています。delayのデフォルト値は「250」です。

というわけで、ブラウザのウィンドウをリサイズした後にイベントを発生させることができるjQueryプラグイン「jquery.resizeend」の紹介でした。ライセンスはMITとのこと。

jquery.resizeend

NO IMAGEフレキシブルで軽量なJavaScriptモーダル実装「Vanilla Modal」前のページ

テキストを指定した幅にフィットさせるjQueryプラグイン「BigText」次のページBigText

関連記事

  1. jQuery Glow
  2. CSS3 3D Text Plugin for jQuery
  3. Fancy Input

    JavaScript

    かっこいいエフェクトのテキスト入力を実装できる「Fancy Input」

    Fancy Inputは、かっこいいエフェクトを備えたテキスト入力を実…

  4. JavaScript

    文字の半分をスタイルすることができるjQueryプラグイン「Splitchar」

    SplitcharというjQueryプラグインを使えば、文字の半分をス…

  5. Effect Ideas for Card Stacks
  6. no-image

最近の記事

  1. 紫陽花
  2. 生ハム&モッツァレラチーズ サラダラップ
  3. コガネムシ
  4. ショルダーハム&5種の野菜サンドイッチ
PAGE TOP