Html+Css 退出网页样式布局文件

ゝ一纸荒年。 2023-10-16 19:25 40阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " [http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd][http_www.w3.org_TR_xhtml1_DTD_xhtml1-transitional.dtd]">  
<html xmlns=" [http://www.w3.org/1999/xhtml][http_www.w3.org_1999_xhtml]">  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />  
<title>跳转提示</title>  
<style type="text/css">  
\*\{ padding: 0; margin: 0; \}  
body\{ background: \#fff; font-family: '微软雅黑'; color: \#333; font-size: 16px; \}  
.system-message\{ padding:0 0 48px;margin:150px auto;width:400px;border:5px solid \#ccc\}  
.system-message h3\{ font-size: 50px; font-weight: normal; line-height: 120px; margin-bottom: 12px;border:1px solid \#ccc\}  
.system-message .jump\{ padding-top: 10px\}  
.system-message .jump a\{ color: \#333;\}  
.system-message .success,.system-message .error\{ line-height: 1.8em; font-size: 23px ;text-align: center;\}  
.system-message .detail\{ font-size: 12px; line-height: 20px; margin-top: 12px; display:none\}  
</style>  
</head>  
<body>  
<div class="system-message">  
<p style="height:35px;background:url(/config/conf/images/msg\_top\_bg.png) \#ccc;padding-left:10px;line-height:35px;color:white">提醒</p>  
<div style="padding:24px;">  
<div class="error"><img style="margin-right: 9px;padding-top:10px;" src="/config/conf/images/error.png" style="cursor:pointer;"><span style="padding-top:0px;">已经登出！</div>  
</div>  
<p class="detail"></p>  
<div class="jump" style="float:right;padding-right:5px;">  
页面自动 <a id="href" href="/index.php?g=Home&m=Index&a=index">跳转</a> 等待时间： <b id="wait">3</b>  
</div>  
</div>  
<script type="text/javascript">  
(function()\{  
var wait = document.getElementById('wait'),href = document.getElementById('href').href;  
var interval = setInterval(function()\{  
var time = --wait.innerHTML;  
if(time == 0) \{  
location.href = href;  
clearInterval(interval);  
\};  
\}, 3000);  
\})();  
</script>  
</body>  
</html>

[http_www.w3.org_TR_xhtml1_DTD_xhtml1-transitional.dtd]: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
[http_www.w3.org_1999_xhtml]: http://www.w3.org/1999/xhtml