GlassBox特征
- 使用简单
- 可自由定制，可以更换皮肤(skinnable)
- 使用CSS设置参数
- 使用Ajax XHR动态加载
- 多浏览器支持。IE6 7，Firefox2，Opera9，Safari3等
- 开放源代码（MIT）
GlassBox的使用方法
1，glassbox.js定义
- <script src="glassbox/glassbox.js" type="text/javascript"></script>
<script src="glassbox/glassbox.js" type="text/javascript"></script>
2，定义窗口
- <div id="myGlassboxContent">
- <!-- 内容 -->
- </div>
<div id="myGlassboxContent">
<!-- 内容 -->
</div>
3，窗口的显示
- <script type="text/javascript">
- var myGlassBox = new GlassBox();
- myGlassBox.init( 'myGlassboxContent', '400px', '300px', 'auto' );
- myGlassBox.apos( '290px', '35px' );
- </script>
<script type="text/javascript">
var myGlassBox = new GlassBox();
myGlassBox.init( 'myGlassboxContent', '400px', '300px', 'auto' );
myGlassBox.apos( '290px', '35px' );
</script>
若要使用GlassBox某些特殊效果，则需要使用Prototype以及script.aculo.us。