<html>
<head>
<title>JS+CSS实现带关闭按钮的DIV弹出窗口</title>
<script>
function locking(){
document.all.ly.style.display="block";
document.all.ly.style.width=document.body.clientWidth;
document.all.ly.style.height=document.body.clientHeight;
document.all.Layer2.style.display='block';

}
function Lock_CheckForm(theForm){
document.all.ly.style.display='none';document.all.Layer2.style.display='none';
return false;
}
</script>
<style type="text/css">
<!--
.STYLE1 {font-size: 12px}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<p align="center">
<input type="button" value="弹出DIV" onClick="locking()" />
</p>
<div id="ly" style="position: absolute; top: 0px; filter: alpha(opacity=60); background-color: #777;
z-index: 2; left: 0px; display: none;">
</div>
<!-- 浮层框架开始 -->
<div id="Layer2" align="center" style="position: absolute; z-index: 3; left: expression((document.body.offsetWidth-540)/2); top: expression((document.body.offsetHeight-170)/10);
background-color: #fff; display: none;" >
<table width="540" height="300" border="0" cellpadding="0" cellspacing="0" style="border: 0 solid #e7e3e7;
border-collapse: collapse ;" >
<tr>
<td style="background-color: #73A2d6; color: #fff; padding-left: 4px; padding-top: 2px;
font-weight: bold; font-size: 12px;" height="10" valign="middle">
<div align="right"><a href=JavaScript:; class="STYLE1" οnclick="Lock_CheckForm(this);">[关闭]</a> &nbsp;&nbsp;&nbsp;&nbsp;</div></td>
</tr>
<tr>
<td height="130" align="center">
</td>
</tr>
</table>
</div>
<!-- 浮层框架结束-->
</body>
</html>

<br><br><hr> </font></p>

转载于:https://www.cnblogs.com/yangpeng-jingjing/p/7563078.html

一个带关闭按钮的Div窗口，很漂亮相关推荐

  1. html div加关闭按钮右上角,一个带关闭按钮的Div窗口，很漂亮

    JS+CSS实现带关闭按钮的DIV弹出窗口 function locking(){ document.all.ly.style.display="block"; document. ...

  2. 免费分享一个SpringBoot鲜花商城管理系统，很漂亮的

    大家好,我是锋哥,看到一个不错的SpringBoot鲜花商城管理系统,分享下哈. 项目介绍 这是基于主流SpringBoot框架开发的项目,thymeleaf模版引擎,Mysql数据库,druid连接 ...

  3. [转]创建一个JavaScript弹出DIV窗口层的效果

    本文转自:http://www.soso.io/article/23698.html <!doctype html> <html lang="en"> &l ...

  4. css关闭窗口按钮的代码,JS+CSS实现带关闭按钮DIV弹出窗口的方法

    这篇文章主要介绍了JS+CSS实现带关闭按钮DIV弹出窗口的方法,实例分析了div弹出层窗口的实现技巧,非常具有实用价值,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了JS+CSS实现带关 ...

  5. 浮动窗口代码(带关闭按钮+全屏漂浮)

    <html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

  6. 《包青天》中的《鸳鸯蝴蝶梦》单元，剧中有一个很漂亮的女子叫“离垢”

    <包青天>中的<鸳鸯蝴蝶梦>单元,剧中有一个很漂亮的女子叫"沈离垢".剧中人物通常叫她"离垢","离垢"二字的发音非 ...

  7. 前端html网页，点击按钮或超链接 弹出 一个登陆的div窗口或者对话框

    1.点击链接弹出一个可操作的div窗口代码效果图展示: 代码示例: <!DOCTYPE> <html> <head> <title>点击文字弹出一个DI ...

  8. 单反相机和镜头 怎么样才可以吧身边的mm拍的很漂亮！！

    这帖子写了很久了,今晚发上来.这里的女性同伴可以是女朋友,女同学,女领导,女闺蜜--等等等等,总之把没有看见自己漂亮的照片不高兴的女生啦! 很多看过我帖子的朋友都会留言问诸如使用的的相机与镜头是什么型 ...

  9. 简单网站侧边悬浮图片带关闭按钮广告代码

    邯郸生活网www.mlhd.org 最近在放一个侧边的广告,网上看很多代码都很复杂,其实有一款比较简单的代码,也不需要调用更多的文件就可以,还带关闭按钮,足以满足将图片广告放入网站的侧边,左侧右侧均可 ...

最新文章

  1. 抢红包要当心！钱盾反诈平台专家揭秘3类假红包骗局
  2. 类和对象—对象特性—静态成员函数
  3. shiro添加注解@RequiresPermissions无效
  4. 江苏计算机信息录入技师选拔考试题,2010年江苏省机关事业单位工人技师资格选拔考试试卷...
  5. 软件设计师备考知识06--树
  6. PetShop之ASP.NET缓存 --one
  7. django创建博客
  8. 法斗几个月长鼻筋_带锯罢工了，木工小哥检查问题出在哪里？分享带锯使用九个月感受...
  9. NVIDIA Jetson Xavier NX载板 RTSO-6002使用TF（MicroSD）卡重新刷机
  10. mingw32 编译 fastdb
  11. 互联网行业公司岗位与发展方向
  12. 乔布斯时代的“老人”，一个个都离开苹果了
  13. 基于物理的渲染—更精确的微表面分布函数GGX
  14. Python笔记之不可不练
  15. 晨哥真有料丨来看看你是哪款宝藏男孩！
  16. android 兼容ios emoji,Emoji表情符號兼容方案(適用ios,android,wp等平台)
  17. 依据银行卡号获取银行信息Java代码
  18. 网络连接状态断开服务器无响应,已断开(服务器无响应)，路由器连不上网什么原因...
  19. CAD版本如何转换？CAD版本转换器使用教程
  20. 微信域名防封技术，微信域名防封解决方案

热门文章

  1. vs点击方法跳不到对于的地方_内脏脂肪怎么测？这个方法也太方便了！| EASD 2020...
  2. websocket 发送图片_基于WebSocket的web端IM即时通讯应用的开发
  3. matlab+信号+mpf,Python和Matlab中平均频率的差异
  4. android外置sd大小,android 读取外置和内置存储卡路径和大小
  5. zabbix mysql脚本_zabbix监控mysql脚本
  6. 在c语言程序中无论是整数还是实数,C语言基础题及参考答案
  7. centos mysql 服务器_服务器数据库搭建流程（CentOs+mysql）
  8. dhrystone测试结果_Linux性能测试工具-UnixBench--安装以及结果分析-阿里云开发者社区...
  9. python用筛选法求解小于n的所有素数_用筛选法求解n以内的所有素数
  10. 后发送过慢的问题_点胶阀使用常见问题怎么解决