一个窗口表现的javascript框架
需要引用的文件
-----------------------------------------------------------------------------------------------
<script type="text/javascript" src="/javascripts/prototype.js"> </script>
<script type="text/javascript" src="/javascripts/window.js"> </script>
<link href="/stylesheets/themes/default.css" rel="stylesheet" type="text/css"/>
<!-- Add this to have a specific theme-->
<link href="themes/mac_os_x.css" rel="stylesheet" type="text/css"/>
基本调用方法
-----------------------------------------------------------------------------------------------
win = new Window({className: "mac_os_x", title: "Sample", width:200, height:150, destroyOnClose: true, recenterAuto:false});
win.getContent().update("<h1>Hello world !!</h1>");
win.showCenter();
=======================================================
引用js文件的顺序会影响效果的出现
<script language="javascript" type="text/javascript" src="/Script/prototype.js"></script>
<script language="javascript" type="text/javascript" src="/Script/effects.js"></script>s
<script language="javascript" type="text/javascript" src="/Script/window.js"></script>
<script language="javascript" type="text/javascript" src="/Script/window_ext.js"></script>
<script language="javascript" type="text/javascript" src="/Script/window_effects.js"></script>
<script language="javascript" type="text/javascript" src="/Script/debug.js"></script>
========================================================
相关网址
http://script.aculo.us
http://prototype-window.xilinus.com/
http://wiki.script.aculo.us/scriptaculous/show/Ajax.Request | ajax 调用