html弹出div弹窗

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html> <head> <title>点击文字弹出一个DIV层窗口代码</title> <style> .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=88); } .white_content { display: none; position: absolute; top: 25%; left: 25%; width: 55%; height: 55%; padding: 20px; border: 10px solid orange; background-color: white; z-index:1002; overflow: auto; } </style> </head> <body> <p>示例弹出层：　　　　<a href = "javascript:void(0)"onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">请点这里</a>　　　　 </p> <div id="light" class="white_content">　　　　这是一个层窗口示例程序.<a href = "javascript:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">点这里关闭本窗口　　　　　　</a>　　　　　</div> <div id="fade" class="black_overlay"></div> </body>
</html>

转载于:https://www.cnblogs.com/xiaz/p/4978246.html

html弹出div弹窗相关推荐

html弹出div提示自动关闭,html弹出div弹窗
点击文字弹出一个DIV层窗口代码 .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; ...
php网站自动变暗,如何使用JS弹出DIV并使整个页面背景变暗
这次给大家带来如何使用JS弹出DIV并使整个页面背景变暗,使用JS弹出DIV并使整个页面背景变暗的注意事项有哪些,下面就是实战案例,一起来看一下. 1.首先写一个遮罩层p,然后再写一个弹窗的p 提示 ...
JS弹出DIV并使整个页面背景变暗功能的实现代码
1.首先写一个遮罩层div,然后再写一个弹窗的div  <div id="cover" style="background: # ...
asp.net弹出div层，并把弹出层上的值赋值给界面
实现效果如下: 当我点击 "弹出div"后就会弹出中间的那个层,点击确定之后会把 "显示"的值赋值给 "获取弹出div中的输入值"的tex ...
用jQuery实现弹出窗口/弹出div层
原文链接:http://hi.baidu.com/awz_tiger/item/863cfc10c4bb0f6171d5e8d9 http://blog.163.com/qiuxinke2006@12 ...
html5鼠标点击弹出层,jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
本文实例讲述了jQuery实现单击弹出Div层窗口效果.分享给大家供大家参考.具体如下: 这是一款jquery实现的可拖动可关闭的弹出框效果,网上已经有很多类似效果了,网页上实现这种效果其实并不难,现 ...
jquery鼠标移入文字提示_Jquery hover鼠标经过时弹出div动态提示语
一.效果图二.需求描述 1.鼠标经过table每一行时,弹出div动态提示语: 2.div弹出层的位置随鼠标位置的变化而变化: 3.鼠标离开table或获取的动态提示语为空时,div弹出层消失. 下 ...
html弹窗微信分享,点击微信分享后不能弹出分享弹窗
点击微信分享后不能弹出分享弹窗,代码是这样的 let url = qs.stringify({ url: window.location.href.split('#')[0] }) axios.pos ...
Javascript弹出div层
这是一个DIV弹窗效果! 将鼠标移动到此点击这里查看弹出窗口这是文章"JavaScript弹出窗口DIV层效果代码"的演示页面,点这里查看原文! 转载于:https://www ...

html弹出div弹窗

html弹出div弹窗相关推荐

最新文章

热门文章