欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-07-11 17:37:29
一、效果类似于 多浏览器窗口间的重叠切换 点击后置顶 如下图: 二、思路:就是用css的z-index属性控制 1、给每个对话窗窗口增加calss ‘dialog_z_index’; 2、给每个对话窗窗口 绑定onmousedown鼠标事件 如行内绑定onmousedown="setDialogZI ......

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

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

 

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