页面一：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>角色管理</title>
<link href="<%=basePath %>css/cskt.css" rel="stylesheet" type="text/css" />
<style>
html, body {
height: 100%;
width: 100%;
font-size:12px
}
.white_content {
display: none;
position: absolute;
top: 25%;
left: 25%;
width: 50%;
height:0px;
padding: 6px 16px;
border: 3px solid #D6E9F1;
background-color: white;
z-index:1002;
overflow: auto;
}
.black_overlay {
display: none;
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color:#f5f5f5;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.close {
float:right;
clear:both;
width:100%;
text-align:right;
margin:0 0 6px 0
}
.close a {
color:#333;
text-decoration:none;
font-size:14px;
font-weight:700
}
.con {
text-indent:1.5pc;
line-height:21px
}
</style>
<script language="javascript" type="text/javascript">
function confirmDel(){
return window.confirm("您确定要删除吗?");
}
function show(tag){
var light=document.getElementById(tag);
var fade=document.getElementById('fade');
var windHeight = document.getElementById(tag).style.height;
if (parseInt(windHeight.substring( 0, windHeight.
indexOf("px"))) < 300)
{
//修改目标对象的高度为原有高度 + 2。
document.getElementById(tag).style.height =
parseInt(windHeight.substring( 0,
windHeight.indexOf("px"))) + 10 + "px";
//每50ms将为目标对象的告诉增加2
tm = setTimeout("show('"+tag+"')" , 0.3);
}
light.style.display='block';
fade.style.display='block';
}
function hide(tag){
var light=document.getElementById(tag);
var fade=document.getElementById('fade');
light.style.height='1px';
light.style.display='none';
fade.style.display='none';
}
</script>
</head>
<body style="text-align: left">
<table border="0" cellpadding="0" cellspacing="0" background="<%=basePath %>images/m_mpbg.gif" style="width: 100%">
<tr>
<td class="place" style="height: 28px">
</td>
<td style="height: 28px"></td>
<td align="right" style="text-align: center; height: 28px;"></td>
<td style="height: 28px; text-align: left; margin-bottom:0px;"><br/>
<a href="index.html" target="f1" onclick="show('light');">点击哈喽</a>
</td>
</tr>
</table>
<br />
<br />
<div id="fade" class="black_overlay"></div>
<div id="light" class="white_content" style="height:1px;">
<div class="close"><a href="javascript:void(0)" onclick="hide('light')"> 关闭</a></div>
<iframe src="sql.sql" id="f1" name="f1" frameborder="0" style="width:100%; height:300" scrolling="no"></iframe>
</div>
</body>
</html>
页面二：页面一中红色页面
<html>
<title>欢迎下载</title>
<body>
Hello!
</body>
</html>
分享到：
相关推荐
7. **优化性能**：由于实时绘制阴影可能对性能产生影响，特别是对于大型窗口或动画效果，因此可能需要考虑使用双缓冲技术或者缓存阴影图像，以减少重绘的频率。 在提供的`WndShadowDemo`项目中，开发者已经实现了一...
在网页设计和开发中，"js div层遮罩提示窗口效果"是一种常见的用户交互技术，它主要用于提供一种视觉上的反馈，使用户能够更好地理解和响应页面上的操作。这种效果通常是通过JavaScript，HTML和CSS来实现的，其中div...
遮罩窗口通常是一个半透明的覆盖层，它允许底层窗口的部分可见，但限制用户的交互。本文将详细介绍如何在Qt中实现这样的功能。 首先，我们需要了解Qt中的Widget类，它是所有用户界面元素的基础。为了创建一个遮罩...
"jQuery + CSS 实现绚丽的弹出窗口效果"这个主题涉及到两个关键的技术：JavaScript 库 jQuery 和样式语言 CSS。它们共同作用，使得弹出窗口不仅具有基本的显示功能，还能实现丰富的动态效果和视觉吸引力。 首先，...
- **效果**: 具有此属性的窗口将显示在所有非 `WS_EX_TOPMOST` 属性窗口之上。 ##### 2. **窗口创建** - **CreateWindow / CreateWindowEx**: 创建窗口时，可以通过指定 `hwndParent` 参数来建立窗口的所有关系。 ...
这种技术允许开发者将多个窗口或者控件进行组合，形成一个复合窗口，可以实现更丰富的交互效果。 “窗口_透明_去色”是易语言中的一个功能，它涉及到窗口的透明度控制。在GUI编程中，透明度控制是一项重要的技术，...
JavaScript是一种广泛应用于网页和网络应用开发的脚本语言，它...总的来说，JavaScript弹出DIV层窗口实例是网页交互设计中常见的功能，通过理解和实践，我们可以创建出各种自定义的弹出窗口效果，提升网站的用户体验。
本资源"jquery实现点击按钮弹出带有过渡效果的遮罩层窗口动画效果源码.zip"提供了使用jQuery创建动态、具有过渡效果的遮罩层窗口的代码示例，这对于构建用户友好的网页界面非常有用。 首先，我们要理解jQuery中的...
本资源"模拟一个弹出可拖动的层窗口源码(效果超酷)"正是利用了JavaScript来实现一个极具吸引力的交互式功能——可拖动的弹出层窗口。下面我们将深入探讨这一技术实现的关键知识点。 首先，让我们理解什么是弹出层...
在本案例中，"使用DIV层显示弹出窗口效果"意味着开发者将利用HTML的元素，配合CSS来创建可浮动、可定位的窗口，并用JavaScript控制其显示和隐藏。 首先，我们来理解元素。在HTML中，是一个通用的容器标签，它没有...
动画效果 打开/移动/关闭 DIV层窗口，效果和FLASH相同
"lhgdialog"是一个JavaScript库，专为创建各种类型的弹出层效果而设计，其中包括带或不带遮罩层的窗口，以及具有返回值功能、定位弹出窗口和随滚动条滚动等功能。下面我们将详细探讨这些知识点。 1. 弹出层（Pop-up...
"C#/.Net WinForm窗口遮罩层工具实例"就是为了解决这个问题，它提供了一个可直接使用的遮罩层组件，其效果类似于网页中常见的“菊花转转”加载动画。 首先，让我们理解遮罩层（Mask Layer）的概念。遮罩层通常是一...
利用js脚本实现在页面拖动窗口的效果，类似于在windows平台的拖动窗口，效果可嘉，不妨一试。
遮罩层是覆盖在主窗口之上的一层半透明控件，它不参与程序的主要逻辑处理，而是起到视觉上的隔离作用。通常，我们可以通过创建一个新的Form实例，并调整其透明度、颜色和大小来实现这一效果。 1. 创建遮罩层Form： ...
6. **数据结构与变量**：源码中可能会涉及到各种数据结构（如数组、列表等）和变量的使用，用于存储窗口状态、控件数据等。 7. **资源管理**：如图像、字体、音频等资源的加载和释放，对于构建美观且资源高效的多层...
本篇文章将深入探讨如何利用QT与WINAPI来创建一个具有Win7特效的无边框窗口，包括图标显示、窗口缩放、拖拽功能、阴影效果、最大化和最小化操作，以及AERO风格的实现。 首先，让我们关注"无边框窗口"的概念。在QT中...
本教程将探讨如何利用`QWidget`自定义一个带有独特头部设计和毛玻璃效果的窗口。毛玻璃效果，又称模糊效果，能为窗口提供半透明、朦胧的视觉体验，使界面更具现代感和美观度。 首先，我们需要理解`QWidget`的基本...
以上就是关于“jQuery弹出div层窗口、div屏幕居中、背景滤镜效果和div拖拽效果”的核心知识点。通过熟练掌握这些技巧，开发者可以创建更富有互动性和用户体验的网页应用。在实际开发中，还需要根据不同的项目需求，...