使用层弹出对话框

来源：互联网发布：js数组转化成字符串编辑：程序博客网时间：2024/04/28 14:40
<!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=gbk"/>
</head>
<body>
<a href="javascript:showBox();">忘记了密码？</a>
<div id="box" style="display:none;height:auto !important; height:150px; min-height:150px; width:320px; top:100px; left:150px; position:absolute;FILTER: alpha(opacity=0); opacity:0;border:1px #CCCCCC solid; padding:10px; text-align:left; line-height:24px; background-color:#FAFCFD; z-index:999; ">
<table width="100%" border="0" cellspacing="0" cellpadding="5">
  <tr>
    <td align="right"><a href="javascript:GradientClose();">[关闭]</a></td>
  </tr>
  <tr>
    <td>若您忘记密码，职业帆的客服人员可以帮您找回密码！</td>
  </tr>
  <tr>
    <td>客服人员的联系方式：</td>
  </tr>
  <tr>
    <td>1．<img src="image/mail.gif" width="15" height="11" align="absmiddle" /> 电子邮箱：vsail@oafar.com</td>
  </tr>
  <tr>
    <td>   请在邮件中注明您的会员名，会员类型，以及联系方式。</td>
  </tr>
  <tr>
    <td>2．<img src="image/telepone.gif" width="16" height="16" align="absmiddle" /> 电　　话：0571-28931325</td>
  </tr>
</table>
</div>
<SCRIPT language=javascript>
var intDelay=50; //设置显示速度，越大越慢
var intInterval=10; 
var box = document.getElementById("box");
var isIE = /msie/.test(navigator.userAgent.toLowerCase());
function showBox(){
if(isIE)
box.filters.alpha.opacity=0; 
else
box.style.opacity=0;
box.style.display="block"; 
GradientShow();
} 
function GradientShow() 
{ 
if(isIE){
box.filters.alpha.opacity+=intInterval; 
if (box.filters.alpha.opacity<100) 
setTimeout(GradientShow,intDelay);  
}else{
box.style.opacity=parseFloat(intInterval/100)+parseFloat(box.style.opacity);
if (box.style.opacity<1)
setTimeout(GradientShow,intDelay);
}
}
function GradientClose() 
{ 
if(isIE){
box.filters.alpha.opacity-=intInterval; 
if (box.filters.alpha.opacity>0)
setTimeout(GradientClose,intDelay); 
else 
box.style.display="none";
}else{
box.style.opacity=parseFloat(box.style.opacity)-parseFloat(intInterval/100);
if (box.style.opacity>0)
setTimeout(GradientClose,intDelay); 
else 
box.style.display="none";
}
}
</SCRIPT>
</body>
</html>