blog_html_project/404.html at main · FuLiTaoamazing/blog_html_project · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>404</title>
    <link href="404/css/bootstrap.css" rel="stylesheet"
    <link href="404/css/font-awesome.min.css" rel="stylesheet" />
 <link href='http://fonts.googleapis.com/css?family=Nova+Flat' rel='stylesheet' type='text/css'>
    <link href="404/css/style.css" rel="stylesheet" />
</head>
<body>


    <div class="container">

          <div class="row pad-top text-center">
                 <div class="col-md-6 col-md-offset-3 text-center">
                  <h1> 似乎没有找到你想要的页面 </h1>
              <span id="error-link"></span>
                     <h2>! 错误提示 !</h2>
</div>
        </div>

            <div class="row text-center">
                 <div class="col-md-8 col-md-offset-2">

                     <h3> <i  class="fa fa-lightbulb-o fa-5x"></i> </h3>
               <a href="#" class="btn btn-primary"><span class="second">5</span>秒后自动返回网站首页</a>
</div>
        </div>

    </div>
	<script type="text/javascript">
		$(function() {
			var wait = $(".second").html();
			timeOut();
			/**
			 * 实现倒计时
			 */
			function timeOut() {
				if(wait != 0) {
					setTimeout(function() {
						$('.second').text(--wait);
						timeOut();
					}, 1000);
				}
			}
		});
	</script>
    <script src="404/js/jquery-1.10.2.js"></script>
    <script src="404/js/bootstrap.js"></script>
    <script src="404/js/countUp.js"></script>
    <script src="404/js/custom.js"></script>
</body>
</html>