jsPanel

JavaScript

高度なセッティングができるフローティングパネルやモーダルウィンドウ実装「jsPanel」

jsPanelは高度なセッティングができるフローティングパネル、モーダルウィンドウ、ツールチップ、通知、コンテキストメニューなどを実装することができるjQueryプラグインです。オプションもかなり豊富で、多彩なタイプのパネルを表示できます。

jsPanel

デモ

デモページを読み込むと、下に「Hey there!」を書かれたパネルが表示されています。その中にある「Next panel」というボタンをクリックすると、現在のパネルがスライド移動して消え、左から新しい次のパネルがスライドしながら出てきます。

パネルの右上にはフルスクリーン表示や縮小などのアイコンが設置されているほか、左上には設定やメールのアイコンも設置されています。

もちろんパネルの種類はこれだけでなく、モーダルウィンドウや通知系、またはツールチップやツールバーといったさまざまな種類が用意されています。

オプションもたくさんあるので、カスタマイズして使いたい人にもうれしい仕様になっています。autoclose、border、callback、closeOnEscape、config、container、content、contentAjax、contentIframe、contentOverflow、contentSize、dblclicks、delayClose、dragit、draggable、footerToolbar、headerControls……などなど、他にも設定可能なオプション項目が豊富にあります。

というわけで、多彩な種類のパネルで高度なセッティングもできるjQueryプラグイン「jsPanel」の紹介でした。

jsPanel

関連記事

  1. AniX

    JavaScript

    優れたパフォーマンスと互換性を備えたアニメーションライブラリ「AniX」

    AniXは優れたパフォーマンスと互換性を備えた軽量のアニメーションライ…

  2. No Vacancy

    JavaScript

    ネオンサインのようなエフェクトを実装できるjQueryプラグイン「No Vacancy」

    テキストにネオンサインのようなエフェクトを実装することができるjQue…

  3. JavaScript

    軽量で嬉しい!画像を拡大ズームしてくれるjQueryプラグイン「Leroy Zoom」

    Leroy ZoomというjQueryプラグインを使えば、画像を拡大ズ…

  4. Product Tour

    JavaScript

    レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」

    Product Tourはレスポンシブに対応したプロダクトツアーを実装…

  5. Scrolla

    JavaScript

    スクロール時にアニメーションするjQueryプラグイン「Scrolla」

    Scrollaは上下スクロールしたときにアニメーションするjQuery…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP