JQuery插件simplemodal-basic彈出層的使用

simplemodal官方地址：http://www.ericmmartin.com/projects/simplemodal/，下面是我測試的一個簡單彈出層，在項目開發中，操作消息提示使用alert始終不好，所以找了這個插件來取代alert，在此將官方源碼整理一下

下載源碼后將basic\js\jquery.simplemodal.js(jquery本身js文件隨便拷貝一個就行，我用的是VS10中自帶的1.4)、basic\img\basic\x.png和basic\css\basic.css文件拷到項目下

文件頭部引用：

<link href="css/basic.css" rel="stylesheet" type="text/css" />
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script src="Scripts/jquery.simplemodal.js" type="text/javascript"></script>

在頁面放一個Button控件：

<input type='button' name='basic' id="basic" value='測試' class='basic'/>

cs文件中：

ClientScript.RegisterStartupScript(this.GetType(), "", "<div id='content'>這里是彈出層的內容</div><script type='text/javascript'>$(function () { $('#basic').click(function (e) { $('#content').modal(); return false; }) })</script>");

我是直接在后台注冊個腳本事件，因為我感覺這樣比較實用，這樣簡單的彈出層也是用來提示操作消息的，直接alert()很黃很暴力，之前老大跟我說，直接alert瀏覽器會有聲音的,囧~