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

前端之家收集整理的这篇文章主要介绍了多对话框窗口 同时显示 相互重叠 点击切换(置顶)实现前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

 

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

 

猜你在找的JavaScript相关文章