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

发布时间:2019-06-20 22:00:13发布者:Mr.Zhang阅读(596)

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

 

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

 





本文转自博客园,原文地址:https://www.cnblogs.com/zhinian-/p/10882275.html