当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 多对话框窗口 同时显示 相互重叠 点击切换（置顶）实现

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

2019年06月21日  | 移动技术网IT编程  | 我要评论

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

 

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

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网