您的位置：首页 > Web前端 > JavaScript

使用层弹出对话框

2008-08-05 18:08 204 查看

<!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; //设置显示速度，越大越慢

4000
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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript border

相关文章推荐

新的分享

章节导航