一二八软件   十几年网站制作经验,满意收工,诚信100%
企业建站 PC+手机端+微站+小程序+App、百度、google国外推广
官网1   官网2
咨询电话 (微信):181 23965 128
 
首页 网站推广 精美网站 定制网站 域名-主机-邮箱 成功案例 网站知识 小 程 序 联系我们
        最新动态
        网站建设
        域名注册
        虚拟主机
        企业邮局
        成品网站
        网站优化排名SEO
        技术知识
        CSSDIV
        AJAX
        PHP知识
        行业资讯
        400电话常见问题
        可信网站常见问题
        Ftp常见问题
 
CSSDIV 位置:首页 > 网站知识 > CSSDIV
点击文字弹出一个DIV层窗口代码
关键字:网站建设 网站制作 网站设计 购物商城  网站样板  定做网站    来源:   浏览: 2668 人次
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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>
        <p>示例弹出层1:<a href = "javascript:void(1)" onclick = "document.getElementById('light1').style.display='block';document.getElementById('fade').style.display='block'">请点这里1</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>
        <div id="light1" class="white_content">这是一个层窗口示例1程序. <a href = "javascript:void(1)" onclick = "document.getElementById('light1').style.display='none';document.getElementById('fade').style.display='none'">点这里关闭本窗口1</a></div>
        <div id="fade" class="black_overlay"></div>
    </body>
</html>
[ 关 闭 ]
由于一些内容和图片来源于互联网,如果发现有涉嫌侵犯您的版权,请联系QQ:274087488 或发送邮件至:274087488@qq.com,我们将立刻删除涉嫌侵权的内容。
首页  |  关于我们  |  网站建设  |  网站推广  |  域名注册  |  虚拟主机  |  企业邮箱  |  网站知识  |  网站优化排名SEO  |  网站地图  |  法律声明  |  友情链接  |  客户反馈  |  联系我们

一二八软件
  咨询热线(微信):181 23965 128     QQ:274087488 , 2502198816
电话:0755-25692900     传真:0755-25692900     E-mail:128@128.in    网址1:http://www.128.in
Copyright © 2005-2021 深圳市一二八软件有限公司 All Right Reserved. 网址2:http://www.128web.cn
粤公网安备 44030702001693号     备案/许可证编号:粤ICP备15073280号   
 
扫一扫 打开网站   扫一扫 加我微信
咨询电话(微信)
181 23965 128

扫一扫 加我微信