设为首页 加入收藏

TOP

多对话框窗口 同时显示 相互重叠 点击切换(置顶)实现
2019-09-17 18:47:12 】 浏览:20
Tags:对话 窗口 同时 显示 相互 重叠 点击 切换 置顶 实现

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

 

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

 

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇vue.js 父组件主动获取子组件的数.. 下一篇charles代理设置与数据劫持

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目