送上一款又简结又漂亮的跳转提示模板
提示框上下左右都是居中的哈
//----------------------------------------------------------<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元
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai
Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
2
1806
Bagaimana untuk memaparkan versi mudah alih Google Chrome
Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
10
1951
Tiada output dalam tetingkap induk
document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1558
Di manakah perisian kursus tentang pemetaan minda CSS?
Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1590
Topik-topik yang berkaitan
Lagi>
-
Bagaimana untuk mengalih keluar kunci keselamatan Firefox
-
Apakah perpustakaan yang biasa digunakan di golang?
-
padamkan elemen daripada tatasusunan js
-
Kod heksadesimal warna biasa
-
ralat permulaan mom.exe
-
Pengenalan kepada penggunaan fungsi MySQL ELT
-
Cara membayar dengan WeChat di Douyin
-
apa itu indeks
Cadangan popular
Tutorial Popular
Lagi>
-
-
-
Tutorial Video Permulaan JAVA
2478920
-
-
Muat turun terkini
Lagi>
-
-
-
-
-
-
-
-
-
Tentang kita
Penafian
Sitemap
- Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!