qinyi素材网
当前位置: 首页 > HTML5素材 > 404火箭动画界面
  时间: 2021-11-15   阅读:363

插件介绍

一款404界面的HTML5素材,内容主要使用css和图片构建而成,火箭的左右滚动依靠jQuery.js。使用这款404界面可以让自己的网页增加一些个性化,让游客在浏览网页找不到页面的时候也能眼前一亮。

简要教程

一款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>

效果展示

静态界面展示

上一篇: 下一篇: