送上一款又简结又漂亮的跳转提示模板
提示框上下左右都是居中的哈
//----------------------------------------------------------<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
최신 이슈
자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다.
처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.
에서 2024-04-19 15:37:47
0
1
1657
상위 창에 출력이 없습니다.
document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');
에서 2024-04-18 23:52:34
0
1
1558