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. Slinky

    JavaScript

    モバイルライクなナビゲーションメニューを実装できる「Slinky」

    Slinkyは軽量でレスポンシブに対応したモバイルライクなナビゲーショ…

  2. jquery-bubble-text

    JavaScript

    テキストがアニメーションで切り替わっていく「jquery-bubble-text」

    jquery-bubble-textは、テキストが次々に切り替わってい…

  3. syncscroll

    JavaScript

    2つ以上のスクロールエリアを同時にスクロールできる「syncscroll」

    syncscrollは2つ以上のスクロールエリアを同時にスクロールでき…

  4. roll.js

    JavaScript

    スクロールによるページネーション、進捗度、ポジションなどの値を取得できる「roll.js」

    roll.jsはスクロールによるページネーション、進捗度、ポジションな…

  5. no-image

    JavaScript

    水平スクロールでテキストが流れていくマーキー実装「hMarquee」

    hMarqueeは、水平スクロールでテキストが滑らかに流れていくマーキ…

  6. Animate Transition

最近の記事

  1. COMOLI ベタシャンCPOシャツ(サックス)
  2. ハワイアナス ビーチサンダル
  3. 蓮の花
  4. チキンアラビアータ 石窯フィローネ
  5. ユニクロ ポロシャツ

アーカイブ

PAGE TOP