点击文字弹出一个DIV层窗口代码

梦里梦外; 2024-02-17 21:10 36阅读 0赞

<!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>

发表评论取消回复

表情：

评论列表（有 0 条评论，36人围观）

还没有评论，来说两句吧...

相关阅读

相关点击文字弹出一个DIV层窗口代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <tit

梦里梦外;/ 2024年02月17日 21:10/ 0 赞/ 37 阅读

相关 js弹出窗口(JS弹出窗口代码)

javascript 打开窗口方法有几种?? showModalDialog("url",要传的参数,"画面的一些设置") showModelessDialog()

忘是亡心i/ 2023年09月26日 14:46/ 0 赞/ 285 阅读

相关点击按钮触发事件弹出 div 小窗口

首先设置配置mydialog.css @charset "utf-8"; .black_overlay{ display:

比眉伴天荒/ 2023年06月19日 02:56/ 0 赞/ 176 阅读

相关 php关闭弹出div,jquery,_jquery 点击下一个DIV关闭上一个DIV，jquery - phpStudy

jquery 点击下一个DIV关闭上一个DIV DIV结构是这样的：点击里的 btn 显示 content ，点击 btn 隐藏 content 问题：当前内容

╰+哭是因爲堅強的太久メ/ 2022年11月18日 13:41/ 0 赞/ 252 阅读

相关 jquery点击div弹出新窗口

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2JjYm9i

逃离我推掉我的手/ 2022年10月25日 01:35/ 0 赞/ 470 阅读

相关 pyqt5 点击按钮父窗口弹出一个模态子窗口纯代码

pyqt5 点击按钮父窗口弹出一个模态子窗口纯代码代码效果图代码 import sys from PyQ

不念不忘少年蓝@/ 2022年09月12日 05:45/ 0 赞/ 341 阅读

相关【Jquery】jquery点击按钮弹出div层

1、在jquery中，点击一个按钮弹出DIV层对话框的实例。【点击table中“操作”一列中的按钮弹出一个弹出层】。先看看效果： ![20161205121315331]

我不是女神ヾ/ 2022年07月14日 09:19/ 0 赞/ 761 阅读

相关 jQuery点击空白处隐藏弹出层

jQuery点击空白处隐藏弹出层 $(function () { $('btnShow').click(function (event) { //取消事

痛定思痛。/ 2022年06月13日 01:12/ 0 赞/ 536 阅读

相关点击div层之外的其他地方关闭弹出层

$("html").bind("click",function()\{　　var evt = event.srcElement ? event.srcElement : e

朱雀/ 2022年06月06日 00:42/ 0 赞/ 390 阅读

相关 JavaScript点击弹出遮罩层

JavaScript点击弹出遮罩层开发工具与关键技术：DW与JS 作者：戴怡斌撰写时间：2019年1月18日下面我

小咪咪/ 2022年03月25日 05:51/ 0 赞/ 621 阅读