成功失败跳转模板代码

浏览:2590 发布日期:2015/05/26 分类:系统代码
成功失败跳转模板代码
多么简结的模板,喜欢就拿走
作者: 小曾 扣扣:839024615
<?php
    if(C('LAYOUT_ON')) {
        echo '{__NOLAYOUT__}';
    }
?>
<!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=utf-8" />
<title>跳转提示</title>
<style type="text/css">
* {
    padding: 0;
    margin: 0;
}
body {
    background: #fff;
    font-family: '微软雅黑';
    color: #333;
    font-size: 16px;
}
.system-message {
    position:absolute;
    top:50%;
    left:50%;
    margin:-150px 0 0 -150px;
    width:300px;
    height:300px;
    text-align:center;
}

.system-message h1 {
    font-size: 120px;
    font-weight: normal;
}
.system-message .jump {
    padding-top: 10px
}
.system-message .jump a {
    color: #09C;
    text-decoration:none
}
.system-message .success, .system-message .error {
    line-height: 1.8em;
    font-size: 36px
}
.system-message .detail {
    font-size: 12px;
    line-height: 20px;
    margin-top: 12px;
    display:none
}
</style>
</head>
<body>
<div class="system-message">
  <?php if(isset($message)) {?>
  <h1>√</h1>
  <p class="success"><?php echo($message); ?></p>
  <style>
  .system-message{border:3px solid #09C;}
  .system-message h1{ color: #09C;}
  </style>
  <?php }else{?>
  <h1>×</h1>
  <p class="error"><?php echo($error); ?></p>
   <style>
  .system-message{border:3px solid #F33;}
  .system-message h1{ color: #F33;}
  </style>
  <?php }?>
  <p class="detail"></p>
  <p class="jump"> 页面自动 <a id="href" href="<?php echo($jumpUrl); ?>">跳转</a> 等待时间: <b id="wait"><?php echo($waitSecond); ?></b> </p>
</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);
    };
}, 1000);
})();
</script>
</body>
</html>
评论( 相关
后面还有条评论,点击查看>>