<!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=gb2312" />
<title>原创：风干的果子，Q群号：29032448 web_前端开发</title>
<style type="text/css">
<!--
html,body {height:100%; margin:0px; font-size:12px;}
.mydiv {
background-color: #FFFFCC;
border: 1px solid #8F8F8F;
text-align: center;
line-height: 30px;
font-size: 12px;
z-index:999;
width: 200px;
height: 30px;
left:50%;/*FF IE7*/
top:50%;/*FF IE7*/
margin-left:-150px!important;/*FF IE7 该值为本身宽的一半 */
margin-top:-60px!important;/*FF IE7 该值为本身高的一半*/
margin-top:0px;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
.bg,.popIframe {
background-color: #666; display:none;
width: 100%;
height: 100%;
left:0;
top:0;/*FF IE7*/
filter:alpha(opacity=50);/*IE*/
opacity:0.5;/*FF*/
z-index:1;
position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/
_top: expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}
.popIframe {
filter:alpha(opacity=0);/*IE*/
opacity:0;/*FF*/
}
-->
</style>
<script language="javascript" type="text/javascript">
function showDiv(){
document.getElementById('popDiv').style.display='block';
document.getElementById('popIframe').style.display='block';
document.getElementById('bg').style.display='block';
}
function closeDiv(){
document.getElementById('popDiv').style.display='none';
document.getElementById('bg').style.display='none';
document.getElementById('popIframe').style.display='none';
}
</script>
</head>
<body>
<div id="popDiv" class="mydiv" style="display:none;">
<IMG SRC="ajax-loader.gif" WIDTH="16" HEIGHT="16" BORDER="0" ALT=""> 数据加载中，请等待...</div>
<div id="bg" class="bg" style="display:none;"></div>
<div style="height:1400px; ">
<select name="select4" id="select4">
<option>333</option>
<option>dddddd</option>
<option>qqqqqq</option>
</select>
<p><br />
</p>
<a href="javascript:showDiv()">点我,弹出层</a>
</div>
<iframe id='popIframe' class='popIframe' frameborder='0' ></iframe>
</body>
</html>
分享到：
相关推荐
在Windows Forms（Winform）开发中，创建半透明遮罩层是一种常见的需求，它用于提供一种视觉效果，比如在后台操作进行时提示用户或者隐藏部分界面。本篇将深入探讨如何实现这样的效果，主要涉及半透明、遮罩层以及...
在C#编程中，创建一个自定义的半透明遮罩层是常见的需求，尤其是在开发桌面应用或者游戏界面时，为了实现部分区域的视觉隔离或加载等待效果。本教程将介绍如何利用C#来构建这样的功能。 首先，我们需要理解遮罩层的...
在网页设计和开发中，自定义半透明遮罩层是一种常见的视觉效果，它通常用于创建交互式的用户体验，比如加载提示、弹出窗口或模态框背景。遮罩层可以覆盖整个页面或者特定区域，通过半透明黑色或灰色背景，使用户聚焦...
在Windows Forms（Winform）开发中，我们经常需要在用户界面执行长时间操作时显示一个遮罩层，以防止用户交互并提供视觉反馈，表明程序正在处理数据或加载内容。本项目"winform自定义半透明遮罩层-源码.rar"提供了一...
这种方法可以轻松实现弹出居中背景半透明 div 层的效果，非常适合在网站登录、用户注册、公告提示等方面的应用。 需要注意的是，在 IE 中，我们使用 filter 属性来实现背景半透明效果，而在其他浏览器中，我们使用 ...
在Windows Forms应用开发中，有时候我们需要为用户界面添加一种半透明的遮罩层，以达到某种视觉效果，比如加载等待、提示信息等。标题提到的"C#自定义半透明遮罩层源码"正是针对这一需求提供的解决方案。下面将详细...
遮罩层弹框是前端开发中常见的交互效果，它通常用于在用户进行某些操作时，显示在页面上层的半透明遮罩，以提示用户当前状态或者用于表单提交等场景。 知识点1：HTML5中实现遮罩层弹框的结构 在HTML5中，我们通常...
在C#编程中，处理图像并为其添加半透明效果是一项常见的任务，特别是在用户界面设计、游戏开发或图形处理应用中。本示例将探讨如何在C#中实现一个功能，即为图片添加半透明的灰度层，允许调整灰度和色彩效果。首先，...
JS弹出半透明层,常用代码可用于网站登录或信息查看
在现代网页设计中，半透明遮罩层弹框效果是一种非常常见的交互方式，它不仅可以提升用户体验，还能让页面更加美观。通过JavaScript与HTML5的结合使用，我们可以轻松地实现这一效果。 #### 二、技术背景 在开始之前...
"jQuery弹出半透明遮罩层"是一个常见的功能，用于创建一种半透明的覆盖层，通常用于加载提示、模态对话框或阻止用户在特定操作期间与页面其余部分交互。在这个场景中，我们讨论的知识点主要包括jQuery的选择器、DOM...
半透明效果在现代用户界面设计中非常重要，它能够增加应用的视觉吸引力和用户体验。 首先，要实现半透明图片，我们需要理解Windows API中的透明度概念。在Windows操作系统中，透明度主要通过Alpha通道来实现，Alpha...
在IT行业中，自定义半透明遮罩层是一个常见的前端开发任务，它主要用于创建一个覆盖在网页元素上方的半透明黑屏或灰屏效果，通常用于弹窗、加载提示或者阻止用户与页面其他部分的交互。这个"自定义半透明遮罩层-源码...
总结起来，实现WinForm中的半透明控件涉及到对控件属性的理解、图形绘制技术的运用以及可能的像素级操作。通过对`TransparencyKey`、`BackColor`、`Pen.Color`以及`Bitmap.LockBits`等方法的合理使用，我们可以创建...
在这个"JS动画打开半透明提示层.zip"压缩包中，包含了一个使用JavaScript实现的动态提示层功能，它允许用户点击按钮后以动画形式打开一个半透明的提示层，同时提供了关闭层的功能。这个功能对于网页中的通知、警告...
其次，自定义半透明遮罩层则是一种常用的界面交互设计，用于在页面加载或进行后台操作时覆盖整个界面，以防止用户误操作。半透明遮罩层可以提供一种视觉提示，让用户知道当前应用正在进行某种处理，同时保持界面的...
"网站首页悬浮半透明可关闭css+js引导层"是一个利用CSS（层叠样式表）和JavaScript技术实现的网页组件，它的主要特点是半透明效果、悬浮于首页上方以及用户可以自由关闭。下面将详细讲解这个组件的实现原理和关键...
创建一个半透明的弹出遮罩是常见的需求，尤其是在设计用户界面时，为了提供更好的用户体验，我们可能需要在主窗口上显示一个半透明的覆盖层，以突出显示某些内容或者阻止用户与背景交互。下面我们将详细探讨如何在...
当用户触发搜索或添加操作时，半透明子窗体会在主窗体上方出现，提供交互界面，完成操作后消失。 除了基本的透明设置外，还可以利用GDI+进行更复杂的透明效果处理，例如自定义形状的窗体、指定部分区域透明等。但这...
2. **蒙层设计**：在Android应用中，蒙层通常以半透明的覆盖层形式出现，它不会完全遮挡界面，而是允许用户看到背景上的内容。蒙层上可以包含文字说明、箭头指示、高亮区域等，以直观地指示用户应该如何操作。设计师...