送上一款又简结又漂亮的跳转提示模板
提示框上下左右都是居中的哈
//----------------------------------------------------------<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元
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
-
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
Latest Issues
How to display the mobile version of Google Chrome
Hello teacher, how can I change Google Chrome into a mobile version?
From 2024-04-23 00:22:19
0
10
1988
There is no output in the parent window
document.onclick = function(){ window.opener.document.write('I am the output of the child ...
From 2024-04-18 23:52:34
0
1
1574
Related Topics
More>
-
Introduction to hard disk interface types
-
What is Bitcoin? Is it legal? Is it a scam?
-
How to round in Matlab
-
What should I do if the matching result of the vlookup function is N/A?
-
Computer prompts that msvcr110.dll is missing and how to solve it
-
How much is Snapdragon 8gen2 equivalent to Apple?
-
What is j2ee
-
How to turn off ics network sharing
Popular Recommendations
Popular Tutorials
More>
-
-
-
JAVA Beginner's Video Tutorial
2483760
-
-
Latest Downloads
More>
-
-
-
-
-
-
-
-