jsPanel3

JavaScript

多機能なフローティングパネルを実装できるjQueryプラグイン「jsPanel3」

jsPanel3は、高度で多機能なフローティングパネル(ウィンドウ)を実装することができるjQueryプラグインです。フルスクリーン、リサイズ、ドラッグ移動など、いろんな機能が搭載されています。

モーダルウィンドウ、通知、ツールバーなども実装できる

デモ

デモでは画面の下の方にフローティングパネルが表示されています。パネルの右上に表示されているいくつかのアイコンから、パネルを閉じたりフルスクリーンにしたり、またはリサイズしたりといったことが可能です。

また、パネルの上部にカーソルを合わせるとカーソルのアイコンが変化するので、その状態でドラッグするとパネルを好きな位置に移動することができます。ブラウザ上でこれだけ自由なフローティングパネルが実装できるのはうれしいですね。

パネルの中に表示されている「Next panel」をクリックすると、次のパネルが表示されます。

いろんなパネルのデザインがあったり、パネル内にツールチップを実装したり、はたまた動画を表示したりと、カスタマイズ次第でいろんなタイプのフローティングパネルを設置できます。

ほかにも、モーダルウィンドウ、通知、ツールバーなどの実装も可能です。

オプションもかなり豊富で、autoclose、border、callback、closeOnEscape、config、container、content、contentAjax、contentIframe、contentOverflow、contentSize、dblclicks、delayClose、dragit、draggable、footerToolbar、headerControlsなどなど、これ以外にもたくさんの数のオプションやAPIが用意されています。

多機能でカスタマイズ性にも優れたフローティングパネルを実装できるjQueryプラグインを探している人は、ぜひ「jsPanel3」をチェックしてみてください。

jsPanel3

関連記事

  1. no-image
  2. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

  3. jCider

    JavaScript

    レスポンシブ対応のjQueryカルーセルプラグイン実装「jCider」

    jCiderはレスポンシブ対応のシンプルなカルーセルを実装できるjQu…

  4. jquery.datepicker

    JavaScript

    未来的なデータピッカーを実装できる「jquery.datepicker」

    jquery.datepickerはWeb用の未来的なデータピッカーを…

  5. no-image

    JavaScript

    シンプルなドロップダウンメニューを実装できるjQueryプラグイン「snakeMenu」

    snakeMenuはシンプルなアニメーションによるドロップダウンメニュ…

  6. JavaScript

    チルトシフト効果でミニチュア風の写真に仕上げてくれるjQueryプラグイン「tiltShift.js…

    指定した画像にチルトシフト効果をプラスしてミニチュア風にしてくれるjQ…

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP