CINXE.COM
404
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <script src="https://www.wjw.cn/cxt/js/jquery-3.2.1.min.js"></script> <title>404</title> <style> * { margin: 0; padding: 0; } p { margin: 0; padding: 0; } .contai { width: 695px; margin: 0 auto; position: relative; top: 104px; } .text { text-align: center; position: absolute; left: 223px; bottom: -117px; } .p1 { font-size: 23px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(255, 85, 2, 1); } .p2 { font-size: 17px; font-family: MicrosoftYaHei; font-weight: 400; color: rgba(102, 102, 102, 1); margin-top: 16px; margin-bottom: 60px; } .a1 { background: rgba(255, 85, 2, 1); border-radius: 3px; font-size: 14px; font-family: MicrosoftYaHei; font-weight: bold; color: rgba(255, 255, 255, 1); padding: 10px 24px; text-decoration: none; margin-right: 14px; } .a2 { background: rgba(255, 255, 255, 1); border: 1px solid rgba(255, 85, 2, 1); border-radius: 3px; font-size: 14px; font-family: MicrosoftYaHei; font-weight: bold; color: rgba(255, 85, 2, 1); padding: 10px 17px; text-decoration: none; } #num { color: #FF5502; } .bott { width: 100%; position: absolute; bottom: 0; margin: 0 auto; margin-bottom: 21px; } .bott .tit { font-size: 18px; font-family: MicrosoftYaHei; font-weight: bold; color: rgba(102, 102, 102, 1); line-height: 58px; text-align: center; } .ul { height: 106px; float: left; padding: 0 50px; list-style: none; margin: 0 auto; text-align: center; overflow: hidden; width: 91%; } .neirong { width: 225px; height: 36px; line-height: 36px; border: 1px solid rgba(229, 229, 229, 1); margin-bottom: 15px; margin-right: 18px; float: left; overflow: hidden; } .neirong a { width: 100%; height: 100%; color: rgba(102, 102, 102, 1); font-size: 13px; font-family: MicrosoftYaHei; font-weight: 400; text-align: center; text-decoration: none; display: inline-block; } .neirong:hover a { color: #FF5502; } .neirong:hover { border: 1px solid rgba(255, 85, 2, 1); } </style> </head> <body> <div class="contai"> <div class="img"> <img src="http://www.wjw.cn/images/false.png" /> </div> <div class="text"> <p class="p1">您访问的页面在云端不见了...</p> <p class="p2">即将离开本页，<strong id="num">5</strong>秒后自动返回上一页</p> <a href="http://www.wjw.cn/" class="a1">返回首页</a> </div> </div> <div class="bott"> <h2 class="tit">优秀企业推荐</h2> <ul class="ul"> </ul> </div> <script type="text/javascript"> $(function() { $('.ul').css({ 'position': 'relative', 'left': ($(window).width() - $('.ul').outerWidth()) / 2 + 'px' }); }); var cun = 5; var timer = null; timer = setInterval(send, 1000); function send() { cun--; if (cun == 0) { //window.history.go(-1); window.location.href = 'http://www.wjw.cn/'; clearInterval(timer); } $("#num").html(cun); } </script> </body> </html>