Rumah > php教程 > php手册 > teks badan

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

WBOY
Lepaskan: 2016-06-07 11:36:03
asal
1004 orang telah melayarinya

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

送上一款又简结又漂亮的跳转提示模板 //----------------------------------------------------------<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元

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
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!