点击---显示悬浮页面窗口
<!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>
点击---显示悬浮页面窗口相关推荐
- Android 悬浮窗在主界面点击显示悬浮窗界面后,再通过后台,调起app,界面依然是悬浮窗的界面,解决思路
通过监听悬浮窗的按键事件,如果不是悬浮窗的按键的事件,就直接跳到mainActivity中,
- 点击文字或者按钮在本页面中弹出悬浮小窗口
HTML代码 <body><!--用来引出悬浮窗口的div--><div><a href="javascript:void(0)" onc ...
- emWin 2天速成实例教程002_多个页面窗口切换
备注:(1)打开工程目录下的"Exe\GUISimulationDebug.exe"即可看到效果.(2)看完教程000-005就基本会用emWin做项目,其他章节可以需要时再参考. ...
- python悬浮球窗口_悬浮窗口(智能隐藏和显示)的一种实现方案
悬浮窗口应该具有的特性 为了实现让用户能方便打开软件主窗口,又不对用户界面造成明显的视觉干扰,悬浮窗口应该有以下特点: 和主窗口是二选一的关系,主窗口显示时自动隐藏,主窗口被全部遮挡时自动显示 始终置 ...
- 点击链接在新窗口打开新页面
1 .点击链接打开新窗口 <a target="_blank" href="http://baidu.com" title="返回" ...
- 如何点击按钮弹出新窗口,输入数据后返回并刷新页面
如何点击按钮弹出新窗口,输入数据后返回并刷新页面? 作者:孟宪会 出自:[孟宪会之精彩世界] 发布日期:2003年7月8日 4点0分13秒 在一些.NET论坛中有人经常会问:如何在页面中点击按钮打开新 ...
- %matplotlib inline是jupyter notebook里的命令, 意思是将那些用matplotlib绘制的图显示在页面里而不是弹出一个窗口
%matplotlib inline是jupyter notebook里的命令, 意思是将那些用matplotlib绘制的图显示在页面里而不是弹出一个窗口 终端输入jupyter notebook, ...
- .net web 点击链接在页面指定位置显示DIV的问题
.net web 点击链接在页面指定位置显示DIV的问题 做了一个网页,放了两个DataList ,一个显示科室,一个显示科室中的人员,由于科室太多,一屏显示不全,为了在页面刷新时记住上次浏览位置,所 ...
- 用户输入自己的【姓名 年龄 爱好】 + 加CP【姓名 年龄 爱好】,点击按钮,页面显示该用户的信息 点击提交按钮,JSON显示用户信息+副本信息(副本初始值是{})
本文主要是利用了BOM.DOM和json/js数据的转换等知识来综合操练的一个小例子 例子如下: 用户输入自己的[姓名 年龄 爱好] + 加CP[姓名 年龄 爱好],点击按钮,页面显示该用户的信息 点 ...
最新文章
- 微信小程序插件新增能力
- Python中如何查看模块的源码内容
- matlab cameraman,cameraman.tif 原图
- zkcli远程连接_高级框架第一天RPC:远程过程调用
- 带你揭开IP地址的神秘身份
- 英特尔“硬盘内存一体化”首款产品正式发布,读写速度超千倍,存储密度扩充十倍...
- 如何像在SQL中一样使用#39;in#39;和#39;not in#39;过滤Pandas数据帧
- Mybatis ResultMap Collection 复合主键
- Mac电脑用CrossOver安装的Windows软件在哪?
- VeriSign SSL证书产品及服务_VeriSign证书|SSL证书|EVSSL证书|服务器证书|数字证书
- raid5换硬盘显示ready_服务器RAID磁盘坏道修复实战
- 自我规定int string char[]
- 9月英语总结 — colorful And stressful!
- Linux 命令(244)—— reset 命令
- 5800p计算机公式,卡西欧fx-5800p计算器内置公式及公式自定义在隧道测量中的应用...
- 无人驾驶时代的室外组网技术研究
- 达人评测 惠普暗影精灵8和惠普暗影精灵8plus的区别
- 【css太极图】html+css用一个div画出太极图
- CSP 201512-4 送货
- cmake错误:Could not find a configuration file for package “Eigen3“