<!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>无标题文档</title>
<style type="text/css">
#Layer1 {
position:absolute;
display:none;
left:492px;
top:30px;
width:267px;
background-color:#000000;
height:355px;
z-index:2;
}
#Layer2 {
position:absolute;
display:none;
left:4px;
top:1px;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
-khtml-opacity: 0.5;
width:20000px;
height:2000px;
background-color:#999999;
z-index:1;
}
</style>
<script type="text/javascript">
function showDiv(){
var lay1 = document.getElementById('Layer1');
var lay2 = document.getElementById('Layer2');
lay1.style.display = 'block';
lay2.style.display = 'block';
}
function closeDiv(){
var lay1 = document.getElementById('Layer1');
var lay2 = document.getElementById('Layer2');
lay1.style.display = 'none';
lay2.style.display = 'none';
}
</script>
</head>
<body>
<div id="Layer1">
<form action="">
<input type="text" />
<input type="button" value="close div" onclick="return closeDiv();" />
<input type="submit" />
</form>
</div>
<div id="Layer2"></div>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="54%"><p> </p>
<p> </p>
<p>flash</p>
<p> </p></td>
<td width="46%">asdf</td>
</tr>
<tr>
<td colspan="2">标题</td>
</tr>
<tr>
<td colspan="2"><input type="button" value="showdiv" onclick="return showDiv();" /></td>
</tr>
</table>
</body>
</html>
分享到：
相关推荐
有些时候需要自己实现蒙板效果和弹出层的效果，这是一个简单的实现网页蒙板效果和弹出层的html示例
先看看效果图 ...消息窗弹出时 /// /// 弹出消息框 /// /// 消息 /// 父级窗体 public static void ShowDialog(string message, Window owner) { //蒙板 Grid layer = new Grid() { Backgrou
蒙板和遮照层效果........................................................................................................................
实现的思路是通过编写hook图片的onclick事件的函数，在函数中对body追加div元素，再将传入的图片对象放入元素中，同时再监听div的onclilck事件，当捕捉到点击，再关闭(其实是隐藏)弹出的div。 通过在函数初始化的...
NULL 博文链接：https://hedahai119.iteye.com/blog/494349
使用单窗体实现透明窗体或蒙板效果，可用于窗体美化或其他特殊用途，具体操作简单，使用方便，效果突出，可自定义扩展。
PS中蒙板素材的使用方法.pdf
OpenGL中蒙板缓冲区的妙用.pdf
maskLayer 在popWindow上面，用于显示蒙板的信息，比如“载入中……“ 代码如下: <html> <head> <style type=”text/css”> .popWindow { background-color:#9D9D9D; width: 100%; height: 100%; ...
VB实现图片蒙板换色功能，图片添加蒙板后，会改变颜色，可选择不同颜色的蒙板，图片处理:加蒙板颜色，图片蒙上一层颜色，可设置颜色透明度，如示例截图所示，蒙板效果很明显。图像蒙版部分的实际处理代码交给了...
html5蒙层效果，可以在效果才层内编辑所需要的内容
主要为大家详细介绍了Android实现遮罩层效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
本程序是利用位图操作来实现一个蒙板效果的类进度条程序。
div+js实现的弹出对话框，调用简单，可拖动，父页面禁止并半透明。弹出框可内嵌功能页面，也可去掉“iframe”然后做成单纯的对话框。 在windowsXP sp2下的 IE8、firefox3.5、opera10、傲游、TT浏览器、搜狗浏览器、...
css加html实现的蒙板进度条 技术：js实现div层拖动技术，css样式和js实现蒙板，js实现进度条
剪贴蒙板
矢量蒙板
蒙板新建
photoshop简明教程之一可选颜色与蒙板 jpg格式，