GlassBox 實際執行畫面

GlassBox是一個輕量級的JavaScript用戶介面庫，他有稍微使用到Prototype和 Script.aculo.us這兩個框架，GlassBox可以讓您輕鬆的建立透亮的邊框，易於使用可訂製和可換的外觀，有連貫性的API基於CSS參數值，可動態加載基本的AJAX XHR，測試IE6以上FireFox2、Opera 9 、Safari 3 、Chrome皆可用。

使用方法：
先載入程式的min檔案
<script src="glassbox/glassbox-min.js" type="text/javascript"></script>

在要顯示透明邊框的DIV元素
<div id="myGlassboxContent">
  <!-- 內容 -->
</div>

最後載入JavaScript就完成一個透明外框的元素了
<script type="text/javascript">
var myGlassBox = new GlassBox();
myGlassBox.init( 'myGlassboxContent', '400px', '300px', 'auto' );
myGlassBox.apos( '290px', '35px' );
</script>

init可傳入參數
init (id, width, height, overflow [, borderskin [, resize [, dblclick ]]])

參數:
id	必填	字串	元素的ID
width	必填	字串	GlassBox的寬度(CSS的單位: px, em, ..)
height	必填	字串	GlassBox的高度(CSS的單位: px, em, ..)
overflow	必填	字串	超出的部分顯示方式 (CSS一樣的值: auto, hidden, ..)
borderskin	選填	字串	外框的設定 (default, white, noborder)
resize	選填	布林值	是否自動調整大小 (Default: false)
dblclick	選填	布林值	雙擊後是否動作 (Default: false)

apos ( left, top )

參數:
left	必填	字串	左邊距離 (CSS 的單位: px, em, ..)
top	必填	字串	上方距離 (CSS 的單位: px, em, ..)

作者網站：http://www.glassbox-js.com/
檔案大小：837 KB(包含範例和所有的程式碼)
檔案下載：http://www.glassbox-js.com/downloads/glassbox.latest.zip
檔案備份：下載