html文件内容如下

<!--调出子窗口按钮-->
<button class="add" onclick="addClick();">新增</button>
<!--子窗口-->
<div id="addBox" class="addBox">
<a href="javascript:;" onclick="jQuery('.addBox').hide();jQuery('.shadow').hide();" class="close">×&nbsp;&nbsp;</a>
<div>
<!--遮罩层-->
<div class="shadow"></div>

css文件内容如下

.shadow{
width:100%;
height:100%;
position:absolute;
left:;
top:;
z-index:;
background-color:#000;
opacity:0.6;
display:none;
}
.addBox{
//其他属性
z-index:;
}

js内容如下

function addClick(){
$(".shadow").css({'display':'block'});
$('.addBox').show();
return 0;
}

效果如下

最新文章

  1. #ing# CSS细节注意点
  2. Selenium 获取隐藏元素的内容
  3. Sqlserver数据库总结
  4. iOS App Icon图标 尺寸规范
  5. vi/vim使用指北 ---- Introducting the ex Editor
  6. Codeforces Round #310 (Div. 2) B. Case of Fake Numbers 水题
  7. Default Web Site
  8. 查看Safari和钥匙串中的密码
  9. 监控 DNS 流量,预防安全隐患五大招!
  10. python入门安装
  11. 最快速的“高斯”模糊算法(附Android源码)
  12. WebService-使用JDK开发WebService
  13. Oracle的关于建表,约束,查询等的练习
  14. thinkinginjava学习笔记05_访问权限
  15. bzoj 2436: [Noi2011]Noi嘉年华
  16. sass用法快速入门
  17. html5-Input类型
  18. OO第四次课程总结分析
  19. 解决The type &#39;ASP.global_asax&#39; exists in both ASP.global_asax同时存在问题
  20. vue微信分享链接添加动态参数

热门文章

  1. react native开源库管理
  2. 浏览器绘图模型的解释:renderObject、renderlayer
  3. 电脑按键混乱,好像被锁定了Alt键
  4. Let Start
  5. Nginx 优化配置
  6. 洛谷P1962 斐波那契数列题解
  7. Java动态代理实现方式一
  8. 【技术博客】MySQL和Django常用操作
  9. js控制网页窗口一打开就自动全屏
  10. mpvue中按需引入echarts