研究Subsonic得到的副产品，一个简单的Modal DIV

这几天一直在看 SubSonic 及其例程 SubSonic 2.0.1 Starter Site，觉得这个开源项目的实现方式真的很有创意，完全是一个ruby on rails 的net实现，很适合用于小型web应用的快速开发，有兴趣的朋友可以到其官方网站下载源码和示例；

OK，关于Subsonic的介绍到此为止，后面有体会了再说，下面仅仅介绍下其SubSonic 2.0.1 Starter Site上看到的一个用法很简单（当然实现也不难）的Modal Windows。我觉得以后可能会用上就将其抠出来了做了个简单的demo，放在这里分享，或许大家也能用上。

使用步骤如下：

1. 将文件夹modal、相关的图片文件、页面loading.htm（放在根目录）引入工程；
2. 在需要使用modal windows的页面的html代码的head区加入<link id="Link1" rel="stylesheet" type="text/css" href='~/js/modal/subModal.css' runat="server" />；
3. 在上面页面的</body>前加入<!--#INCLUDE File=js/modal/modal_divs.aspx--> ；
4. 在该页面上需要弹出modal windows的客户端事件中调用"javascript:onclick=showPopWin('ModulePage.aspx', 200, 100, null);"；
5. 最后在该页面的Page_Load中写两句代码

if (!IsPostBack)
            {
                Head1.Controls.Add(new LiteralControl("<script type='text/javascript' src='" + Page.ResolveUrl("~/js/modal/common.js") + "'></script>"));
                Head1.Controls.Add(new LiteralControl("<script type='text/javascript' src='" + Page.ResolveUrl("~/js/modal/subModal.js") + "'></script>"));
            }

一切ok，效果如下：