并非目不转睛的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

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • mac命令行:E325: ATTENTION

    mac命令行:E325: ATTENTIONE325:ATTENTIONFoundaswapfilebythename”.bash_profile.swp”ownedby:rootdated:FriAug2516:23:422017filename:~root/.bash_profilemodified:nouse

  • matlab控制倒立摆小车并绘制二维动态效果图[通俗易懂]

    matlab控制倒立摆小车并绘制二维动态效果图[通俗易懂]clc;closeall;clearA=[0100;00-1.1760;0001;0018.2930];%设置倒立摆小车控制系统参数B=[0;1;0;-1.667];C=[1000;0010];G=[42.851.04;471.8322.39;0.9443.15;19.17464.64];K=[-9.1841-10.7148-63.8735-15.4258];sim(‘CAR.mdl’);%运行倒立摆小车控制系…

  • 数列所有公式大全_finish验证失败是什么意思

    数列所有公式大全_finish验证失败是什么意思请写一个程序,要求维护一个数列,支持以下 6 种操作:(请注意,格式栏 中的下划线 _ 表示实际输入文件中的空格)输入格式第 1 行包含两个数 N 和 M,N 表示初始时数列中数的个数,M 表示要进行的操作数目。第 2 行包含 N 个数字,描述初始时的数列。以下 M 行,每行一条命令,格式参见问题描述中的表格。输出格式对于输入数据中的 GET-SUM 和 MAX-SUM 操作,向输出文件依次打印结果,每个答案(数字)占一行。数据范围与约定你可以认为在任何时刻,数列中至少有 1 个数。输入

  • Kafka Streams之WordCount

    Kafka Streams之WordCount一、实现流程1、注意Kafka中的数据都以<key,value>的形式存在。2、wordCount流程(1)Stream从topic中取出每一条数据记录(<key,value>格式):<null,”Sparkandspark”>(2)MapValue将value中所有文本转换成小写形式:<null,”sparkan…

    2022年10月30日
  • crontab定时任务不执行的原因

    crontab定时任务不执行的原因我在网上找的时候发现网上主要说了这5个原因:1crond服务未启动crontab不是Linux内核的功能,而是依赖一个crond服务,这个服务可以启动当然也可以停止。如果停止了就无法执行任何定时任务了,解决的方法是打开它:crond或servicecrondstart如果提示crond命令不存在,可能被误删除了,CentOS下可以通过这个命令重新安装:yum…

  • centos7.6安装docker_docker自动部署多环境

    centos7.6安装docker_docker自动部署多环境前言前面一篇学了mac安装docker,这篇来学习在linux上安装docker环境准备Docker支持以下的CentOS版本,目前,CentOS仅发行版本中的内核支持Docker。Doc

发表回复

您的电子邮箱地址不会被公开。

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