基于jquery和dot.js彈出框插件，兼容IE6+等其他瀏覽器。

思想：彈出框元素插入body節(jié)點(diǎn)中，并在頁(yè)面垂直居中顯示（fixed定位），觸發(fā)確定和關(guān)閉事件綁定。

注意ie6包含兩個(gè)問題：
一、select、flash不能遮罩，采用iframe。
二、fixed屬性采用滾動(dòng)時(shí)重新計(jì)算高度或在樣式中采用表達(dá)式計(jì)算expression。

源碼分析：
1、creatHtml：采用doT.js初始化元素添加到body中；
2、show：設(shè)置寬度，高度，居中顯示；
3、events：為關(guān)閉和確定綁定事件；
4、removeCallback：移出元素節(jié)點(diǎn)，如有執(zhí)行回調(diào)方法；
5、ie6fixed：ie6中fixed的兼容性處理。

參數(shù)使用說明：

width：定義彈出框的寬度，默認(rèn)值是400。
height：定義彈出框的高度，默認(rèn)值是100.
title：定義彈出框的標(biāo)題，默認(rèn)值是空。
html：定義彈出框的內(nèi)容，默認(rèn)值是空。
type：定義彈出框的類型，默認(rèn)值是default，其他conform和alert。
closed: 標(biāo)題欄中的關(guān)閉按鈕，回調(diào)方法，默認(rèn)為null。
conform：包含name指按鈕的名稱，默認(rèn)值為確定，callback回調(diào)方法，默認(rèn)值為null。
cancel：包含name指按鈕的名稱，默認(rèn)值為取消，callback回調(diào)方法，默認(rèn)值為null。
備注：如果使用conform或alert時(shí)，不設(shè)置type類型是不起作用。


放在頁(yè)面底部，作為公用部分：



使用方法：

      
        $.Dialog.init({
    height: 
      
      180
      
        ,
    title: 
      
      "彈出框"
      
        ,
    html: 
      
      "親，默認(rèn)彈出框哦"
      
        ,
    closed: 
      
      
        function
      
      
        () {
        alert(
      
      "關(guān)閉"
      
        );
    }
});
      
    

github地址: https://github.com/benpaobenpao/dialog

DEMO：

彈出框插件——dialog