love0.com 爱网首页 爱网论坛 爱网商城 爱网相册 原创(新) 爱情域名 小工具 空间乱弹   管理我的空间 登录 注册  

CSS:模拟Windows窗口及DIV居中

文章分类：编程开发 | 论坛：博客 | 在论坛中查看 | 字体大小: 小 中 大
<!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>动易远程接口中转</title>
<style type="text/css">
<!--
body {margin:0px;background:#ccc;height:auto;font: 9pt Tahoma;text-align:center;color: #000;}
#outbox {position:absolute;z-index:888;top:50%;left:50%;margin:-120px 0 0 -200px;width:400px;height:auto;background:#D4D0C8;border:1px solid #ccc;}
#title,#body,#bottom {border-top:1px solid #ddd;border-bottom:1px solid #999;border-right:1px solid #999;border-left:1px solid #ddd;}#title {line-height:28px;background:#c4c0c8;}
#body {height:150px;text-align:left;padding:10px 10px;}
#bottom {height:30px;padding:2px}
#input {top:0px;bottom:0px;}
-->
</style>
</head>
<body>
<div id="outbox">
  <div id="title">正在进行通行证操作</div>
  <div id="body">
    <p>正在进行远程数据同步，请勿刷新页面！</p>
    <ul>
      <li id="api">论坛数据同步中</li>
      <li id="powereasy">本站操作已完成！</li>
    </ul>
  </div>
  <div id="bottom">
    <input onclick="location.href=''index.asp''" id="confirm" type="button" value="点击返回" style="display:none" />
  </div>
</div>
<script type="text/javascript" language="JavaScript"> document.getElementById("api").innerHTML = "通行证操作成功!"; document.getElementById("confirm").removeAttribute("style");</script>
</body>
</html>

添加到书签:
点击复制网址推荐给好友:
论坛相关帖子:
发表于：2007-8-17 22:35:33| 评论：3 | 查看次数：1144
slcokyu/有点泪
[2007-8-18 3:40:59]
呵呵.其实,我认为,这种摸凝的超口，有好也有坏的
slcokyu/有点泪
[2007-8-18 3:41:14]
不过,还是瞒支持这个的...
slcokyu/有点泪
[2007-8-18 3:41:46]
谢谢老鱼..同志对博客的支持.......
发表评论
   用户： 密码：
内容：