一款404界面的HTML5素材,内容主要使用css和图片构建而成,火箭的左右滚动依靠jQuery.js。使用这款404界面可以让自己的网页增加一些个性化,让游客在浏览网页找不到页面的时候也能眼前一亮。
使用方法
在HTML中引入jQuery插件的css样式
<link rel="stylesheet" type="text/css" href="styles.css" />
引入插件自带的js和jQuery的js
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.js"></script>
<script src="script.js"></script>
HTML结构
<div id="rocket"></div>
<hgroup>
<h1>Page Not Found</h1>
<h2>We couldn't find what you were looking for.</h2>
</hgroup>
<p class="createdBy"><a href="#">go home</a></p>
效果展示
静态界面展示