[JS]ボックスのレイアウトを立体的にするスクリプト -GlassBox

Post on:2008年2月28日

sponsors

GlassBoxは、ボックスに透明の枠線を使用して立体感を持たせたり、Lightboxのようなレイアウトを実装できるスクリプトです。

GlassBoxでは、HTML箇所が次のコードで、下のキャプチャのようなレイアウトが実装できます。
※他に、JavaScriptやCSSの記述が必要です。

<textarea name="code" class="html" cols="60" rows="5">
<body>
<div id="myBox">Hello, World!</div>
</body>
</textarea>

<body>

<div id="myBox">Hello, World!</div>

</body>

</textarea>

他に、Lightbox風のデモもあります。

GlassBoxの実装には、Prototypeとscript.aculo.usが必要です。