easyDialog沒有模板機制，只負責邏輯層的彈出效果，至于內容(消息框、表單、圖片等)該如何呈現，easyDialog都不管，內容屬于業務層的東西，業務需求是千變萬化的，如果邏輯和業務結合很緊密，那么可移植性和可擴展性將大大降低。當然，如果你想找那種集成了模板的彈出層，請移步artDialog，artDialog的模板設計得很精美，功能也是很豐富的，但是體積比較大，壓縮后的體積還是有18KB，如果是注重性能的網站，一個彈出層組件有這么大至少對于我來說是沒法容忍的，在某些情況下優點恰恰也成了缺點，easyDialog始終保持著超輕量級。

easyDialog不依賴框架，使用起來很簡單，只要引入easydialog.js文件就可以使用了：

// 引入easyDialog
<script src="easydialog.js" type="text/javascript"></script>

比如想彈出一個id為box的消息框，那么只需將id以字符串的形式傳進去即可：

easyDialog.open({
    container : 'box'
});

關閉彈出窗口，只要調用關閉的方法即可：

easyDialog.close();

這是最簡單的調用，container參數也是必須要有的，默認就是彈出的消息框下面有遮罩層，并且是相對于頁面靜止定位并垂直居中。如果想實現其他的效果且看下面的參數說明。

參數說明：

• container string

• 彈出層內容的id，該參數是必填項。

• isOverlay boolean

• 是否添加遮罩層，true為添加，false為不添加，默認是true。

• fixed boolean

• 是否相對于頁面靜止定位，true為靜止，false為不靜止，默認是ture。

• follow string&object

• 彈出層跟隨自定義元素來定位，參數可以是id也可以是Dom對象。

• followX number

• 相對于跟隨元素的X軸偏移，和follow參數同時使用。

• followY number

• 相對于跟隨元素的Y軸偏移，和follow參數同時使用。

• autoClose number

• 自動關閉彈出層，單位為毫秒，默認為0，不自動關閉。

• callback function

• 關閉彈出層時執行的回調函數，默認為null。