效果體驗網址：
http:///keleyi/phtml/jquery/1.htm
以下是完整代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>彈出窗體-</title>
<link rel="Stylesheet" type="text/css" href="http:///keleyi/phtml/jquery/1/DialogByKeleyi.min.css" />
</head>
<body>
<a href="http:///a/bjac/j4kedhuq.htm" target="_blank">原文</a> jquery實現彈出窗體，請點擊下列按鈕體驗。
<div style="width:320px;margin:120px auto 20px auto;">
<input type="button" value="彈出提示框" id="btnAlert" />
<input type="button" value="彈出確認框" id="btnConfirm" />
<input type="button" value="引用其他頁面" id="btnDialog" /></div>
<script type="text/javascript" src="http:///keleyi/pmedia/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http:///keleyi/phtml/jquery/1/DialogByKeleyi.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#btnAlert").click(function () {
$.DialogBySHF.Alert({ Width: 400, Height: 300, Title: "提示信息", Content: '你好，這是彈出提示，即JS中的alert', ConfirmFun: test });
})
$("#btnConfirm").click(function () {
$.DialogBySHF.Confirm({ Width: 400, Height: 300, Title: "提示信息", Content: '你好，這是確認信息，類似於JS中的confirm', ConfirmFun: test, CancelFun: testCancel });
})
$("#btnDialog").click(function () {
$.DialogBySHF.Dialog({ Width: 1024, Height: 768, Title: "jquery ui dialog", URL: 'http:///a/bjac/5939d3b2c920ff6d.htm' });
})
})
function test() {
$.DialogBySHF.Alert({ Width: 400, Height: 300, Title: "確認後執行方法", Content: '確認後執行的方法' });
}
function testCancel() {
$.DialogBySHF.Alert({ Width: 400, Height: 300, Title: "取消後執行方法", Content: '取消後執行的方法' });
}
</script>
</body>
</html>
最近項目中頻繁遇到需要彈出窗口的功能，一直使用浏覽器默認的Alert和Confirm彈窗，感覺視覺效果不是那麼好，而從網上下載的話又找不到合適的，找到的話有些也是十分臃腫，有時候感覺學習配置的功夫自己也就搞一個了（順便說一句，我呢，屬於比較懶的那種人，如果學習和配置需要花很多時間的話我一般是懶得學習的）。
於是就本著“自己動手，豐衣足食”的原則，自己做了一個彈出的效果，以滿足自己的“小小”的需求，可以直接通過配置CSS來修改相關樣式。
主要是將Javascript中的alert和confirm這兩個默認的彈窗進行了美化，在做的過程中使用了部分CSS3的一些屬性，因此可能在部分低智商的比如IE系列的6、7上面會出現一些偏差，但整體上還是兼容的。
我的設計主要支持的功能如下：
1、在當前窗口的正中位置彈出窗口；
2、彈出窗口之後，有一個半透明的遮罩層將後面的內容擋著；
3、能夠支持彈窗的拖動（這個功能剛好能用到前一段時間寫的那個鼠標拖拽效果，可以點擊這裡查看，順便將鼠標拖拽效果進行了一下更新，修訂了一點點BUG）；
4、部分參數的可配置；
5、可以在彈窗中引用其他的URL
6、點擊確定或者取消之後可以定義要執行的函數