多对话框窗口 同时显示 相互重叠 点击切换（置顶）实现

一、效果类似于 多浏览器窗口间的重叠切换  点击后置顶  如下图：

 

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

1、给每个对话窗窗口增加calss   ‘dialog_z_index’；

2、给每个对话窗窗口 绑定onmousedown鼠标事件  如行内绑定οnmοusedοwn="setDialogZIndex(this)" ；

3、声明每个对话框所用的z-index的值 如： var dialogIndex = $('.dialog_z_index').length + 1024;

4、定义设置对话框z-index的方法  如

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

 

转载于:https://www.cnblogs.com/zhinian-/p/10882275.html