教程集 > 脚本编程 > javascript > 正文带关闭按钮js弹出层代码

带关闭按钮js弹出层代码

发布时间：2023-06-06 编辑：jiaochengji.com

教程集为您提供带关闭按钮js弹出层代码等资源，欢迎您收藏本站，我们将为您提供最新的带关闭按钮js弹出层代码资源

提示：您可以先修改部分代码再运行

<style>  .white_content {   display: none;   position: absolute;   left: 35%;   width: 25%;   padding: 6px 16px;   border: 12px solid #66CCFF;   background-color: white;   filter:alpha(opacity=92);   z-index:1002;   overflow: auto;  }  .black_overlay {   display: none;   position: absolute;   top: 0%;   left: 0%;   width: 100%;   height: 100%;   background-color:#f5f5f5;   z-index:1001;   -moz-opacity: 0.8;   opacity:.80;   filter: alpha(opacity=80);  }  .close {   float:right;   clear:both;   width:100%;   text-align:right;   margin:0 0 6px 0  }  .close a {   color:#333;   text-decoration:none;   font-size:14px;   font-weight:700  }  .con {   text-indent:1.5pc;   line-height:21px  }  </style>  <script>  function showmenu(tag){   var light=document.getElementById(tag);   var fade=document.getElementById('fade');   light.style.display='block';   fade.style.display='block';   }  function hidemenu(tag){   var light=document.getElementById(tag);   var fade=document.getElementById('fade');   light.style.display='none';   fade.style.display='none';  }  </script>  <div id="lightmenu" class="white_content">        <div class="close">   X</div>  <div class="con">  11111111111             </div>  </div>  <div id="lightmenu2" class="white_content">        <div class="close">   X</div>  <div class="con">  22222222222             </div>  </div>  打开第一个  <br><br><br><br><br><br><br><br>  打开第二个

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
 点击弹出层外区域关闭弹出层jquery特效示例
 jquery三个关闭弹出层的小示例
 jBox 2.3基于jquery的最新多功能对话框插件常见使用问题解答
 js弹出层的实现代码
 增强用户体验友好性之jquery easyui window 窗口关闭时的提示
 jquery插件jbox使用iframe关闭问题
 jQuery DIV弹出效果实现代码
 jQuery UI Dialog 创建友好的弹出对话框实现代码
 网站顶部带缓冲打开和关闭功能的横栏提示层js代码

上一篇：select multi 选择框操作类下一篇：css下拉菜单被flash挡住解决办法

[关闭]

最近更新

浏览排行

~ ~