送上一款又简结又漂亮的跳转提示模板
提示框上下左右都是居中的哈
//----------------------------------------------------------<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元
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
-
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
最新の問題
function_exists() はカスタム関数を決定できません
Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1818
Google Chromeのモバイル版を表示する方法
こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
10
1988
親ウィンドウには出力がありません
document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1574