并非目不转睛的404网页

效果:http://hovertree.com/texiao/js/26/请移动鼠标看看效果。效果图如下:代码如下:转自:http://hovertree.com/h/bjaf/js404page

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

效果:http://hovertree.com/texiao/js/26/

请移动鼠标看看效果。

效果图如下:
并非目不转睛的404网页

代码如下:

<!DOCTYPE html>
<html lang="zh">
<head>
<title>并非目不转睛的404网页_何问起</title><base target="_blank" />
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="robots" content="noindex,nofollow" />
<meta name="keywords" content="images, funny pictures, image host, image upload, image sharing, image resize" />
<meta name="description" content="hovertree is home to the web's most popular image content, curated in real time by a dedicated community through commenting, voting and sharing." />
<meta name="copyright" content="Copyright 2014 hovertree, Inc." />
<meta http-equiv="X-UA-Compatible" content="IE=Edge;" />
<link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/js/26/css/404.css?1393899213" />
<!--[if IE 9]><link rel="stylesheet" href="http://hovertree.com/texiao/js/26/css/ie-sucks.css?0" type="text/css" /><![endif]-->
</head>
<body>
<div class="nodisplay">
hovertree is home to the web's most popular image content, curated in real time by a dedicated community through commenting, voting and sharing.
</div>

<div id="hallway">
<div class="container">
<div id="cat1" class="painting">
<img src="http://hovertree.com/texiao/js/26/images/cat1weyes.png">
<div class="eye-container">
<div class="eye left">
<div class="pupil"></div>
</div>
<div class="eye right">
<div class="pupil"></div>
</div>
</div>
</div>
<div id="cat2" class="painting">
<img src="http://hovertree.com/texiao/js/26/images/cat2weyes.png">
<div class="eye-container">
<div class="eye">
<div class="pupil"></div>
</div>
</div>
</div>
<div id="giraffe" class="painting">
<img src="http://hovertree.com/texiao/js/26/images/giraffeweyes.png">
<div class="eye-container">
<div class="eye left">
<div class="pupil"></div>
</div>
<div class="eye right">
<div class="pupil"></div>
</div>
</div>
<img class="monocle" src="http://hovertree.com/texiao/js/26/images/monocle.png" />
</div>
<div id="cat3" class="painting">
<img src="http://hovertree.com/texiao/js/26/images/cat3weyes.png">
<div class="eye-container">
<div class="eye left">
<div class="pupil"></div>
</div>
<div class="eye right">
<div class="pupil"></div>
</div>
</div>
</div>
<div id="cat4" class="painting">
<img src="http://hovertree.com/texiao/js/26/images/cat4weyes.png">
<div class="eye-container">
<div class="eye left">
<div class="pupil"></div>
</div>
<div class="eye right">
<div class="pupil"></div>
</div>
</div>
</div>
</div>
</div>

<div class="footer textbox">
<h1>页面呢?! 动物们也都在找</h1>
<p>请移动鼠标看看。404:您正在查找的页面不存在,请检查您输入的网址正确。<a href="http://hovertree.com/h/bjaf/js404page.htm">原文</a> <a href="http://hovertree.com/texiao/">特效</a></p>
<p>或者点击这里访问何问起首页:<a href="http://hovertree.com">访问首页!</a></p>
<a href="http://hovertree.com" class="footer-logo"><img src="http://hovertree.com/themes/hvtimages/hlogo.png"></a>
</div>

<script type="text/javascript" src="http://hovertree.com/texiao/js/26/js/404.js?1393899213"></script>
<script type="text/javascript">
var e404 = E404.getInstance();
e404.generalInit();
</script>

<noscript>
<div class="nodisplay">
<img src="http://hovertree.com/hvtimg/bjafjc/rgevo2ea_l.jpg" border="0" height="1" width="1" alt="Quantcast" />
</div>
</noscript>
</body>
</html>

 

转自:http://hovertree.com/h/bjaf/js404page.htm

特效库:http://www.cnblogs.com/roucheng/p/texiao.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/120530.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • kl1083_奥什科什M1083

    kl1083_奥什科什M1083Windy 定义了一种 Windy 数:不含前导零且相邻两个数字之差至少为 2 的正整数被称为 Windy 数。Windy 想知道,在 A 和 B 之间,包括 A 和 B,总共有多少个 Windy 数?输入格式共一行,包含两个整数 A 和 B。输出格式输出一个整数,表示答案。数据范围1≤A≤B≤2×109输入样例1:1 10输出样例1:9输入样例2:25 50输出样例2:20#include<bits/stdc++.h>using namespace std;

    2022年8月10日
    8
  • 【数据库】谈谈group by[通俗易懂]

    【数据库】谈谈group by[通俗易懂]【数据库】谈谈group by

    2022年4月25日
    79
  • 哈佛幸福课–部分笔记

    哈佛幸福课–部分笔记(仅供参考)灵性超越对宇宙的更高目的和意义有一致的信念,知道自己在大计划中的位置,对生活的意义有信念,能塑造行为并提供安慰。2.公平正义3.诚实勇气4.善良人类5.判断

    2022年7月1日
    23
  • C++容器和迭代器

    C++容器和迭代器一 顺序容器 vector1 1 容器是什么在 C 中 容器被定义为 在数据存储上 有一种对象类型 它可以持有其他对象或指向其他对象的指针 这种对象类型就叫做容器 简单理解 即容器就是保存其他对象的对象 而且 这种 对象 还有处理 其他对象 的方法 容器是随着面向对象语言的诞生而提出的 它甚至被认为是早期面向对象语言的基础 现在几乎所有面向对象语言中都伴随着一

    2025年9月25日
    5
  • HttpSession的正确理解

    HttpSession的正确理解一个session就是一系列某用户和服务器间的通讯。服务器有能力分辨出不同的用户。一个session的建立是从一个用户向服务器发第一个请求开始,而以用户显式结束或session超时为结束。其工作原理是这样的:当一个用户向服务器发送第一个请求时,服务器为其建立一个session,并为此session创建一个标识号;这个用户随后的所有请求都应包括这个标识号。服务器会校对这个标识号以判断请求属于…

    2022年7月13日
    19
  • Python之xpath

    xpath表达式格式xpath通过"路径表达式"来选择节点,在表现形式上与传统的文件系统类似绝对路径(absolutepath)必须用"/"起首,后面紧跟

    2021年12月18日
    53

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号