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

点击---显示悬浮页面窗口相关推荐

  1. Android 悬浮窗在主界面点击显示悬浮窗界面后,再通过后台,调起app,界面依然是悬浮窗的界面,解决思路

    通过监听悬浮窗的按键事件,如果不是悬浮窗的按键的事件,就直接跳到mainActivity中,

  2. 点击文字或者按钮在本页面中弹出悬浮小窗口

    HTML代码 <body><!--用来引出悬浮窗口的div--><div><a href="javascript:void(0)" onc ...

  3. emWin 2天速成实例教程002_多个页面窗口切换

    备注:(1)打开工程目录下的"Exe\GUISimulationDebug.exe"即可看到效果.(2)看完教程000-005就基本会用emWin做项目,其他章节可以需要时再参考. ...

  4. python悬浮球窗口_悬浮窗口(智能隐藏和显示)的一种实现方案

    悬浮窗口应该具有的特性 为了实现让用户能方便打开软件主窗口,又不对用户界面造成明显的视觉干扰,悬浮窗口应该有以下特点: 和主窗口是二选一的关系,主窗口显示时自动隐藏,主窗口被全部遮挡时自动显示 始终置 ...

  5. 点击链接在新窗口打开新页面

    1 .点击链接打开新窗口 <a  target="_blank" href="http://baidu.com" title="返回" ...

  6. 如何点击按钮弹出新窗口,输入数据后返回并刷新页面

    如何点击按钮弹出新窗口,输入数据后返回并刷新页面? 作者:孟宪会 出自:[孟宪会之精彩世界] 发布日期:2003年7月8日 4点0分13秒 在一些.NET论坛中有人经常会问:如何在页面中点击按钮打开新 ...

  7. %matplotlib inline是jupyter notebook里的命令, 意思是将那些用matplotlib绘制的图显示在页面里而不是弹出一个窗口

    %matplotlib inline是jupyter notebook里的命令, 意思是将那些用matplotlib绘制的图显示在页面里而不是弹出一个窗口 终端输入jupyter notebook,  ...

  8. .net web 点击链接在页面指定位置显示DIV的问题

    .net web 点击链接在页面指定位置显示DIV的问题 做了一个网页,放了两个DataList ,一个显示科室,一个显示科室中的人员,由于科室太多,一屏显示不全,为了在页面刷新时记住上次浏览位置,所 ...

  9. 用户输入自己的【姓名 年龄 爱好】 + 加CP【姓名 年龄 爱好】,点击按钮,页面显示该用户的信息 点击提交按钮,JSON显示用户信息+副本信息(副本初始值是{})

    本文主要是利用了BOM.DOM和json/js数据的转换等知识来综合操练的一个小例子 例子如下: 用户输入自己的[姓名 年龄 爱好] + 加CP[姓名 年龄 爱好],点击按钮,页面显示该用户的信息 点 ...

最新文章

  1. 微信小程序插件新增能力
  2. Python中如何查看模块的源码内容
  3. matlab cameraman,cameraman.tif 原图
  4. zkcli远程连接_高级框架第一天RPC:远程过程调用
  5. 带你揭开IP地址的神秘身份
  6. 英特尔“硬盘内存一体化”首款产品正式发布,读写速度超千倍,存储密度扩充十倍...
  7. 如何像在SQL中一样使用#39;in#39;和#39;not in#39;过滤Pandas数据帧
  8. Mybatis ResultMap Collection 复合主键
  9. Mac电脑用CrossOver安装的Windows软件在哪?
  10. VeriSign SSL证书产品及服务_VeriSign证书|SSL证书|EVSSL证书|服务器证书|数字证书
  11. raid5换硬盘显示ready_服务器RAID磁盘坏道修复实战
  12. 自我规定int string char[]
  13. 9月英语总结 — colorful And stressful!
  14. Linux 命令(244)—— reset 命令
  15. 5800p计算机公式,卡西欧fx-5800p计算器内置公式及公式自定义在隧道测量中的应用...
  16. 无人驾驶时代的室外组网技术研究
  17. 达人评测 惠普暗影精灵8和惠普暗影精灵8plus的区别
  18. 【css太极图】html+css用一个div画出太极图
  19. CSP 201512-4 送货
  20. cmake错误:Could not find a configuration file for package “Eigen3“

热门文章

  1. esp32之MicroPython开发工具
  2. 每一份“热”都有价值
  3. 全国青少年造型艺术作品大赛作品征集
  4. 任务四:C语言求边长为4的正方形周长
  5. 第一章 程序设计与C语言
  6. Hexo博客优化:在Next主题中设置进阶版Live2D看板娘————拒绝踩坑!!!!
  7. MAPICS系统简单概述(zt)
  8. 压缩感知详细介绍【赞】
  9. oracle数据库自动断开链接,ORACLE自动断开数据库连接解决办法
  10. SHELL编程之CASE语句+函数+正则