2021年04月26日(月)

軽量でカスタマイズ性の高い、非依存のウィンドウ生成ライブラリ・「WinBox.js」

• 0
• 1
• 3
• 9

WinBox.js

See the Pen GRrzXoo by kachibito
(@kachibito) on CodePen.

WinBox.jsは軽量でカスタマイズ性の高い、非依存のウィンドウ生成ライブラリです。

クリックで開かせることも可能ですが、今回は既に開いた状態のサンプルを用意しました。

Ads

今回はオールインワンのbundle版を使いました。サンプルでは以下のコードで実装しています。

var node = document.getElementById("content"); new WinBox("サンプルです", { background: "#ff005d", border: "0 1em 15px 1em", x: "center", y: "center", width: "50%", height: "50%", mount: node });

タイトルや背景色、ボーダーサイズや配置場所を決め、内容はid="content"のクローンとなってい...