多對話框視窗 同時顯示 相互重疊 點擊切換（置頂）實現

一、效果類似於 多瀏覽器視窗間的重疊切換  點擊後置頂  如下圖：

二、思路：就是用css的z-index屬性控制

1、給每個對話窗視窗增加calss   ‘dialog_z_index’；

2、給每個對話窗視窗 綁定onmousedown滑鼠事件  如行內綁定onmousedown="setDialogZIndex(this)" ；

3、聲明每個對話框所用的z-index的值 如： var dialogIndex = $('.dialog_z_index').length + 1024;

4、定義設置對話框z-index的方法  如

function setDialogZIndex(id) {
    dialogIndex++;
    $(this).css({"z-index":dialogIndex});
}