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

    JavaScript

    フリップやバウンスなどのアニメーションを要素に実装できる「jAnimate」

    jAnimateはフリップやバウンスなどといったアニメーションを要素に…

  2. Prism Effect Slider

    JavaScript

    プリズム効果を実装することができるスライダー「Prism Effect Slider」

    おもしろいスライダーがあったのでご紹介します。Prism Effect…

  3. Unicorn.js

    JavaScript

    ホバーするとテキストがレインボーに光るjQueryプラグイン「Unicorn.js」

    おもしろいプラグインがあったのでご紹介します。テキストにホバーするとレ…

  4. no-image

    JavaScript

    リッチキャプションを備えたイメージビューア「CaptionBox」

    CaptionBoxは、リッチキャプションを備えた美しいイメージビュー…

  5. Scrolla

    JavaScript

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

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

  6. Vague.js

    JavaScript

    要素をぼかすことができるjQueryプラグイン「Vague.js」

    要素をぼかすことができるjQueryプラグイン「Vague.js」が面…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP