コニファ・ロゴ

csstest:jQueryプラグインw2ui.jsを使って多機能なUI、そのうちのポップアップとオーバーレイ

w2ui.jsは、レイアウト、グリッド、ツールバー、サイドバー、タブ、フォームなど 多機能なUIを実装してくれます。その中で、アラートやモーダルウィンドウ、コンファーム、ツールチップなどに使えるポップアップとオーバーレイを試してみました。ポップアップは別画面とスイッチできます。オーバーレイの内容は、ポップアップ1の内容が使われています。各レイアウトは、html内の<div rel="title">タグなどで細かくcss指定ができます。なお、ブルーのボタンは、bootstrap.cssを使用しています。[追記]読み込みを軽くするため、bootstrapは外しました。
   

 

 

 

 

※参考と引用:http://w2ui.com/web/home
戻るボタン