<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>404-对不起！您访问的页面不存在</title>
    <style>
        *:focus {
            outline: none;
        }
        body {
            background: #c33232;
            color: #fff;
            font-family: 'Open Sans', sans-serif;
            text-align: center;
            margin: 30px;
            overflow: hidden;
        }
        .fa-5,
        h2 {
            font-size: 12em;
            font-weight: 600;
            display: inline-block;
            margin: 0;
        }
        #abutton {
            width: 500px;
            height: 60px;
            font-size: 2em;
            background: white;
            border: 0;
            margin-top: 10px;
            cursor: pointer;
            transition: all 0.2s;
            -moz-transition: all 0.2s;
            -webkit-transition: all 0.2s;
        }
        #abutton:hover {
            transform: scale(0.989);
            -moz-transform: scale(0.989);
            -webkit-transform: scale(0.989);
            background: #f4f4f4;
        }
        a {
            position: fixed;
            bottom: 10px;
            right: 10px;
            color: #ddd;
        }
    </style>
</head>
<body>
<script type="text/javascript" src="http://wow.techbrood.com/libs/jquery/jquery-2.1.1.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link rel='stylesheet' href='http://wow.techbrood.com/libs/jquery/jquery-ui.min.css'>
<script src='http://wow.techbrood.com/libs/jquery/jquery-ui.min.js'></script>
<script src='http://wow.techbrood.com/uploads/150401/jGravity-min.js'></script>
<span><i class="fa fa-chain-broken fa-5"></i></span>

<h2> <span> 4</span><span>0</span><span>4</span></h2>
<h1>对不起！您访问的页面不存在...</h1>
<span><button id="abutton" value="abc">点我</button></span>
<a href="/">返回首页</a>
<script>
    $(document).ready(function() {
        $('body').width(window.innerWidth).height(window.innerHeight);
        $('#abutton').on('click', albert);

        function albert() {
            $('h1').html('<span>哦</span><span>,</span> <span>天</span><span>哪</span><span>,</span> <span>它</span> <span>坠</span><span>毁</span><span>了</span><span>!</span>');
            $('span, button').attr('style', 'cursor:move !important;');
            $('body').jGravity({
                target: 'span',
                ignoreClass: 'dontMove',
                weight: 25,
                depth: 100,
                drag: true
            });
            $('#abutton').off('click', albert);
        }
    });
</script>
</body>
</html>