送上一款又简结又漂亮的跳转提示模板
提示框上下左右都是居中的哈
//----------------------------------------------------------<br>
//来源: 梦雪网络 <br>
//作者: 小曾<br>
//扣扣: 839024615<br>
//交流群 324098841<br>
//----------------------------------------------------------<br>
<br>
<br>
//上代码<br>
<br>
<br>
nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><br>
<br>
<br>
<meta>
<br>
<title>跳转提示</title>
<br>
<style><br />
*{ padding: 0; margin: 0; }<br />
body{ background: #fff; font-family: '微软雅黑'; color: #CCC; font-size: 16px; }<br />
.system-message{ padding: 24px 48px; margin:auto; border: #CCC 3px solid; top:50%; width:500px; border-radius:10px;<br />
-moz-border-radius:10px; /* Old Firefox */}<br />
.system-message h1{ font-size: 100px; font-weight: normal; line-height: 120px; margin-bottom: 5px; }<br />
.system-message .jump{ padding-top: 10px; color: #999;}<br />
.system-message .success,.system-message .error{ line-height: 1.8em; color: #999; font-size: 36px; font-family: '黑体'; }<br />
.system-message .detail{ font-size: 12px; line-height: 20px; margin-top: 12px; display:none}<br />
</style>
<br>
<script></script><br>
<script><br />
$(function(){<br />
var height2=$('.system-message').height();<br />
var height1=$(window).height();<br />
$('.system-message').css('margin-top',((height1-height2)/2)-30);<br />
});<br />
<br />
</script><br>
<!-- Bootstrap core CSS --><br>
<link>
<br>
<br>
<br>
<div>
<br>
<present><br>
<h1></h1><br>
<p><?php echo($message); ?></p><br>
<else></else><br>
<h1></h1><br>
<p><?php echo($error); ?></p><br>
</present><br>
<p></p>
<br>
<p><br>
页面自动 <a>">跳转</a> 等待时间: <b><?php echo($waitSecond); ?></b><br>
</p>
<br>
</div>
<br>
<script><br />
(function(){<br />
var wait = document.getElementById('wait'),href = document.getElementById('href').href;<br />
var interval = setInterval(function(){<br />
var time = --wait.innerHTML;<br />
if(time <= 0) {<br />
location.href = href;<br />
clearInterval(interval);<br />
};<br />
}, 1000);<br />
})();<br />
</script><br>
<br>
AD:真正免费,域名+虚机+企业邮箱=0元
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
-
2024-09-20 15:51:33
-
2024-09-20 15:47:32
-
2024-09-20 15:45:32
-
2024-09-20 15:39:32
-
2024-09-20 15:38:32
-
2024-09-20 15:27:32
-
2024-09-20 15:26:32
-
2024-09-20 15:12:32
-
2024-09-20 14:53:01
-
2024-09-20 14:51:01
Aktuelle Ausgaben
So zeigen Sie die mobile Version von Google Chrome an
Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
9
1437
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
-
-
php入门教程之一周学会PHP
4230821
-
JAVA 初级入门视频教程
2418166
-
小甲鱼零基础入门学习Python视频教程
498130
-
PHP 零基础入门教程
833960
-
Über uns
Haftungsausschluss
Sitemap
- Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!