联系我们
cms新闻网站系统、政府cms定制开发

广州网站建设公司-阅速公司

报纸新媒体网站内容发布一体化解决方案联系电话
/
http://www.kize.icu/
广州网站建设公司
您当前位置:首页>网站技术

网站技术

背景变暗,弹出提示层

发布时间:2009/4/3 9:23:11  作者:  阅读:1191  

以下为页面源码:

<!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>
<title>ddd</title>
<script>
function locking(){
document.all.ly.style.display="block";
document.all.ly.style.width=document.body.clientWidth;
document.all.ly.style.height=document.body.clientHeight;
document.all.Layer2.style.display='block';
selectObjHidded();
}
function Lock_CheckForm(theForm){
if(theForm.P_USERPASS.value==''){alert("错误:请输入你的用户密码!");theForm.P_USERPASS.focus();return false;}
if(theForm.P_USERPASS.value !='123'){alert("错误:密码错误!");theForm.P_USERPASS.value='';theForm.P_USERPASS.focus();return false;}
else{document.all.ly.style.display='none';document.all.Layer2.style.display='none';}
selectObjVisible();
return false;
}
/**
* 隐藏所有的select
*/
function selectObjHidded(){
var obj;
obj=document.getElementsByTagName("SELECT");
var i;
for(i=0;i<obj.length;i++) obj[i].style.visibility="hidden";
}
/**
* 显示所有的select
*/
function selectObjVisible(){
var obj;
obj=document.getElementsByTagName("SELECT");
var i;
for(i=0;i<obj.length;i++) obj[i].style.visibility="visible";
}
</script>
<style type="text/css">
<!--
body {background-color: #00FFFF;}
-->
</style>
</head>
<body>
<p align="center">
<img src="http://gg.blueidea.com/2006/chinaok/468x60.gif">
<SELECT ID="oSelect" NAME="Cars" SIZE="3" MULTIPLE>
<OPTION VALUE="1" SELECTED>宝马
<OPTION VALUE="2">保时捷
<OPTION VALUE="3" SELECTED>奔驰
</SELECT>
</p>
<p align="center">

<INPUT TYPE="button" value="系统锁定" onclick="locking()">
</p>
<div id="ly" style="position:absolute;top:0px;FILTER: alpha(opacity=60);background-color:#777; z-index:2;left: 0px;display:none;"></div>
<!-- 浮层框架开始 -->
<div id="Layer2" align="center" style="position:absolute; z-index:3; width: 540; height:170px;left:expression((document.body.offsetWidth-540)/2); top: expression((document.body.offsetHeight-170)/2);background-color:#fff;display:none;" valign="center">
<form method="POST" action="" onsubmit="return Lock_CheckForm(this);">
<TABLE width=540 height=170 border=0 cellpadding=0 cellspacing=0 style="border:0 solid #e7e3e7;border-collapse: collapse">
<TR>
<TD style="background-color:#73A2d6;color:#fff;padding-left:4px;padding-top:2px;font-weight:bold;font-size:14px;" height=27 valign="center">[&nbsp;警&nbsp;告&nbsp;]</TD>
</TR>
<TR>
<TD align="center" valign="center">请输入解除锁定密码<p><input type="text" name="P_USERPASS" size="20"></TD>
</TR>
<TR>
<TD height=30 align="center"><INPUT type="submit" value=" 确 定 "></TD>
</TR>
</TABLE>
</form>
</div>
<!-- 浮层框架结束 -->
</body>
</html>

相关文章
背景变暗,弹出提示层
cms新闻系统购买咨询
扫描关注 广州阅速软件科技有限公司
扫描关注 广州阅速科技
莱万特s
最新陕西快乐十分遗漏 山西快乐二十分开奖 熊猫时时计划软件 北京pk走势图软件下载 三中三资料永久规律 幸运飞艇走势图软件 香港二中二免费资料大全 重庆时时5星基本走势图 青海快3开奖结 福彩3d试机号藏宝图 重庆时时彩真坑 7星彩走势图表带连线 北京赛计划交流 黄大仙三肖中特期期准:新闻 炒股走势图怎么看 玩江西时时技巧