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

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

 

二、思路：就是用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});
}