Heim > php教程 > php手册 > 送上一款又简结又漂亮的跳转提示模板

送上一款又简结又漂亮的跳转提示模板

WBOY
Freigeben: 2016-06-07 11:36:03
Original
1029 Leute haben es durchsucht

送上一款又简结又漂亮的跳转提示模板
提示框上下左右都是居中的哈
送上一款又简结又漂亮的跳转提示模板

送上一款又简结又漂亮的跳转提示模板 //----------------------------------------------------------<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: &#039;微软雅黑&#039;; 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: &#039;黑体&#039;; }<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=$(&#039;.system-message&#039;).height();<br /> var height1=$(window).height();<br /> $(&#039;.system-message&#039;).css(&#039;margin-top&#039;,((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(&#039;wait&#039;),href = document.getElementById(&#039;href&#039;).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元

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
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage