跳转提示

<!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> *{ padding:0px; margin:0px; box-sizing: border-box; color:#fff; font-family: "微软雅黑",Arial;} .fl{ float:left;}.fr{ float:right;} .show{ width:90%; height:200px; border:1px solid #ccc; margin:0px auto; background:#B41314; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; box-shadow: 3px 3px 10px #ccc; margin-top:150px; padding: 30px 50px 20px 50px; position:relative;} .shouinfo{position:absolute; top:0px; left:0px; line-height: 50px;width: 100%; padding:50px 0px; text-align:center; padding-left:84px;} .tsneirong{font-size: 30px;text-align: center;} .jump{ text-align:center;} </style> </head> <body> <div class="show"> <img src="/Public/images/tanhao.png" class="fl" width="84" height="85" /> <div class="fl shouinfo"> <p class="tsneirong"></p> <p class="jump">页面自动 <a id="href" href="javascript:history.back(-1);">跳转</a> 等待时间： <b id="wait">3</b></p> </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); }; }, 1000); })(); </script> </body> </html>

CINXE.COM

跳转提示