酷炫末世意境背景404单页HTML源码
源码介绍
酷炫末世意境背景404单页HTML源码，背景充满着破坏一切的意境，彷佛末世的到来，可以做网站错误页或者丢失页面，将下面的代码放到空白的HTML里面，然后上传到服务器里面，设置好重定向即可
效果预览
完整源码
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>404 Apocalypse</title><link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css"/><style>@import url(https://fonts.googleapis.com/css?family=Sigmar+One);
@import url(https://fonts.googleapis.com/css?family=Poiret+One);body {background-image:url('https://wallpapercave.com/wp/jj5KxtS.jpg');background-attachment:fixed;background-size:cover;background-color: #222;margin:0px;padding:0px;overflow:hidden;font-family: 'Poiret One', cursive;
}h1
{font-size:200px;width:100vw;text-align:center;color:rgba(0,255,0,1);font-family: 'Poiret One', cursive;}span
{cursor:move;
}.underline
{font-size:50px;color:white;text-align:center;
}.button
{font-size:50px;color:white;font-family: 'Poiret One', cursive;text-align:center;
}.button span
{cursor:pointer;padding:10px;border-style:solid;border-radius:5px;transition:border-color 0.75s;-webkit-transition:border-color 0.75s;
}.button span:hover
{border-color:rgb(0,255,0);
}</style></head><body><div class='underline'><span>Sorry</span><span>, </span><span>this </span><span>page </span><span>didn</span><span>'</span><span>t</span><span> survive</span></div> <h1><span>4</span><span>0</span><span>4</span></h1> <div class='button'><a title='https://www.qqmu.com'><span >Join the survivors</span></a></div><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script><script src="https://cdn.rawgit.com/tinybigideas/jGravity/f3265bdd/jGravity-min.js"></script><script>/* refresh if you didn't have body's background which appears*/
$(function() {
$(document).ready(function() {var one =false;$('.button span').mouseover(function(){ if(!one){$('body').jGravity({target: 'span',ignoreClass: 'dontMove',weight: 25,depth: 100,drag: true});one =true;};});});
});</script></body>
</html>页面加载有点慢，可以将远程css和js弄到本地就可以了
相关文章：
酷炫末世意境背景404单页HTML源码
源码介绍 酷炫末世意境背景404单页HTML源码，背景充满着破坏一切的意境，彷佛末世的到来，可以做网站错误页或者丢失页面，将下面的代码放到空白的HTML里面，然后上传到服务器里面，设置好重定向即可 效果预览 …...
PHP 调用 1688 详情 API 接口的实战攻略
在电商领域，获取准确和详细的商品信息对于业务的发展至关重要。1688 作为国内知名的批发采购平台，其详情 API 接口为开发者提供了丰富的数据资源。本文将为您详细介绍如何使用 PHP 调用 1688 详情 API 接口。 一、前期准备 注册 1688 开放平台账号&#…...
SAP ABAP性能优化
1.前言 ABAP作为SAP的专用的开发语言，衡量其性能的指标主要有以下两个方面： 响应时间：对于某项特定的业务请求，系统在收到请求后需要多久返回结果 吞吐量：在给定的时间能，系统能够处理的数据量 2. ABAP语…...
【鸿蒙学习笔记】构建布局・选项卡 (Tabs)
官方文档：选项卡 (Tabs) 目录标题 底部导航顶部导航侧边导航限制导航栏的滑动切换固定导航栏・可滚动导航栏自定义导航栏切换至指定页签 底部导航 Entry Component struct Bujv_tabs {build() {Column() {Tabs({ barPosition: BarPosition.End }) {TabContent() {T…...
独立游戏《星尘异变》UE5 C++程序开发日志5——实现物流系统
目录 一、进出口清单 二、路径计算 三、包裹 1.包裹的数据结构 2.包裹在场景中的运动 四、道路 1.道路的数据结构 2.道路的建造 3.道路的销毁 4.某个有道路连接的建筑被删除 作为一个工厂类模拟经营游戏，各个工厂之间的运输必不可少，本游戏采用的…...
Web开发：＜br＞标签的作用
br作用 介绍基本用法常见用途注意事项使用CSS替代 介绍 在Web开发中，<br> 标签是一个用于插入换行符的HTML标签。它是“break”的缩写，常用于需要在文本中强制换行的地方。<br> 标签是一个空标签，这意味着它没有结束标签。 基本…...
DVC+Minio
由于参数文件比较大，因此onnx、engine等大文件弃用LFS管理，改用dvc管理： minio就是存储用的 启动miniosudo netstat -ntpl#查看端口号 sudo kill -9 $(sudo lsof -i:5061 -t) 关闭端口对应进程 ./minio server --console-address ":6570…...
C++内存管理（区别C语言）深度对比
欢迎来到我的Blog，点击关注哦💕 前言 前面已经介绍了类和对象，对C面向对象编程已经有了全面认识，接下来要学习对语言学习比较重要的是对内存的管理。 一、内存的分区 代码区：存放程序的机器指令，通常是可…...
手把手带你写一个精简版 HashMap 的 put 方法
👆🏻👆🏻👆🏻关注博主，让你的代码变得更加优雅。 前言 HashMap 大家工作中遇到的太多了，已经成了必须使用的类了， 在面试的时候 HashMap 基本是必问题，但是…...
【面试题】数据结构：堆排序的排序思想？
堆排序的排序思想？ 堆排序是一种高效的排序算法，其基本思想是利用堆这种数据结构来实现排序。堆是一种特殊的完全二叉树，通常用数组来表示。堆排序的基本步骤如下： 1. 构建初始堆： 将待排序的数组转换成一个最大堆&a…...
PyTorch 深度学习实践-循环神经网络基础篇
视频指路 参考博客笔记 参考笔记二 文章目录 上课笔记基于RNNCell实现总代码 基于RNN实现总代码 含嵌入层的RNN网络嵌入层的作用含嵌入层的RNN网络架构总代码 其他RNN扩展基本注意力机制自注意力机制（Self-Attention）自注意力计算多头注意力机制…...
vue实现可拖拽dialog封装
一、实现modal弹窗组件 <template><divv-if"visible"class"customer-dialog"id"customer-dialog":style"dialogStyles"v-dialogDrag:[dialogDrag]><div class"dialog-container"><divclass"dial…...
本地多模态看图说话-llava
其中图片为bast64转码，方便json序列化。 其中模型llava为本地ollama运行的模型，如：ollama run llava 还有其它的模型如：llava-phi3，通过phi3微调过的版本。 实际测试下来，发现本地多模型的性能不佳&…...
人工智能算法工程师(中级)课程14-神经网络的优化与设计之拟合问题及优化与代码详解
大家好，我是微学AI，今天给大家介绍一下人工智能算法工程师(中级)课程14-神经网络的优化与设计之拟合问题及优化与代码详解。在机器学习和深度学习领域，模型的训练目标是找到一组参数，使得模型能够从训练数据中学习到有用的模式&am…...
Java异常抛出与处理方法
在Java编程中，异常处理是一个非常重要的部分。通过正确的异常处理，我们可以提高程序的健壮性和可靠性，避免程序在运行过程中出现意外的崩溃。本文将详细讲述Java异常的抛出与处理方法，并通过示例代码进行说明。 一、Java异常的分类 Java中的异常体系结构可以分为三类： 检…...
兼容性测试主要有什么类型？
兼容性测试的类型 有两种类型的兼容性测试。这是一个快速细分。 1、前向兼容性测试 向前兼容性测试或向上兼容性测试可确保当前软件版本在相关组件(例如操作系统、浏览器和第三方库)的未来版本中保持功能。此类测试对于在系统升级期间保持稳定性和用户体验至关重要。 例如&…...
设计模式--组合模式
组合模式（Composite Pattern）详解 组合模式是一种结构型设计模式，它允许你将对象组合成树形结构来表示“部分-整体”的层次结构。组合模式使得用户对单个对象和组合对象的使用具有一致性。 适用场景 需要表示对象的部分-整体层次结构时&am…...
ArduPilot开源代码之AP_DAL_RangeFinder
ArduPilot开源代码之AP_DAL_RangeFinder 1. 源由2. 框架设计2.1 枚举 Status2.2 公有方法2.3 私有成员变量 3. 重要例程3.1 应用函数3.1.1 ground_clearance_cm_orient3.1.2 max_distance_cm_orient3.1.3 has_orientation3.1.4 get_backend 3.2 其他函数3.2.1 AP_DAL_RangeFind…...
SpringCloud教程 | 第九篇: 使用API Gateway
1、参考资料 SpringCloud基础篇-10-服务网关-Gateway_springcloud gateway-CSDN博客 2、先学习路由，参考了5.1 2.1、建了一个cloudGatewayDemo，这是用来配置网关的工程，配置如下： http://localhost:18080/aaa/name 该接口代码如…...
数据结构——hash（hashmap源码探究）
hash是什么？ hash也称为散列，就是把任意长度的输入，通过散列算法，变成固定长度的输出，这个输出值就是散列值。 举例来说明一下什么是hash： 假设我们要把1~12存入到一个大小是5的hash表中，我们…...
国产麒麟、UOS在线打开pdf加盖印章
PageOffice支持两种电子印章方案，可实现对Word、Excel、PDF文档加盖PageOffice自带印章或ZoomSeal电子印章（全方位保护、防篡改、防伪造）。Word和Excel的盖章功能请参考：Word和Excel加盖印章和签字功能 （目前只支持win…...
破解反爬虫策略 /_guard/auto.js（二）实战
这次我们用上篇文章讲到的方法来真正破解一下反爬虫策略，这两个案例是两个不同的网站，一个用的是 /_guard/auto.js，另一个用的是/_guard/delay_jump.js。经过解析发现这两个网站用的反爬虫策略基本是一模一样，只不过在js混淆和生成…...
同样是人工智能 客户在哪儿AI和GPT等大模型有什么不同
书接上回。为了统一回答朋友们的疑惑，此前的两篇文章，着重讲述了客户在哪儿AI的企业全历史行为数据和企业信息查询平台上的数据的区别，以及客户在哪儿AI的ToB获客服务和AI外呼机器人的获客服务的不同。本期接着讲——客户在哪儿AI VS 大模型&…...
AES Android IOS H5 加密方案
前景： 1、本项目原有功能RSA客户端对敏感信息进行加密 2、本次漏洞说是服务端返回值有敏感信息，需要密文返回 3、最初只跟H5联调成功，后续APP联调失败(H5和APP的需求排期不一致)，没关注到通用性 方案： 本次方案不…...
一文了解变阻器和电位器的定义、原理、应用及其对比
变阻器的定义 两端可变电阻器（称为变阻器）利用电阻来调节电流。电阻丝环绕在陶瓷或瓷器等绝缘芯上。当刮水器沿着电阻丝移动时，电路的有效电阻会发生变化。因此，它提供了精确的电流控制。调光器、电机速度控制器和加热元件使用变…...
WPF实现一个带旋转动画的菜单栏
WPF实现一个带旋转动画的菜单栏 一、创建WPF项目及文件1、创建项目2、创建文件夹及文件3、添加引用 二、代码实现2.ControlAttachProperty类 一、创建WPF项目及文件 1、创建项目 打开VS2022,创建一个WPF项目，如下所示 2、创建文件夹及文件 创建资源文件夹&…...
使用Dockerfile构建镜像
目录 1.使用Dockerfile构建tomcat镜像 1.1 通过ARG传参构建不同版本的tomcat 2.缩小镜像的体积大小 2.1 使用较小体积的基础镜像 2.2 多级构建减少体积 1.使用Dockerfile构建tomcat镜像 cd /opt mkdir tomcat cd tomcat/ 上传tomcat所需的依赖包 使用tar xf 解压三个压缩…...
概率论原理精解【3】
文章目录 向量值向量值函数导数对称矩阵定义性质例子应用 向量值理论基础定义性质应用示例 向量值函数的导数定义性质应用 向量值 向量值函数导数 D n ⊂ R n , 向量值函数 f : D n → R m D^n \subset R^n,向量值函数f:D^n\rightarrow R^m Dn⊂Rn,向量值函数f:Dn→Rm 1. 向量…...
[C/C++入门][循环]14、计算2的幂(2的n次方）
计算2的幂（即2的n次方）非常经典。你懂几种方法呢？很多人只会一种，我们来分析一下。 可以通过多种方式实现： 1、最简单的方法之一是使用位运算符<<，它本质上是在二进制表示下对2进行左移操作&#x…...
RPC与服务的注册发现
文章目录 1. 什么是远程过程调用(RPC)?2. RPC的流程3. RPC实践4. RPC与REST的区别4.1 RPC与REST的相似之处4.2 RPC与REST的架构原则4.3 RPC与REST的主要区别 5. RPC与服务发现5.1 以zookeeper为服务注册中心5.2 以etcd为服务注册中心 6. 小结参考 1. 什么是远程过程调用(RPC)?…...
服务好的深圳动画营销推广/北京seo推广公司
昨晚看完了中国好声音，无不感叹社会的扭曲和人性的悲凉！动听的声音在道德的审批下变得那么的脆弱，在这个做事已经没有底线的社会，更多的是人性的扭曲和对真正能力的践踏。在晚会开始的时候，第一个离开的将是金志文&…...
生成短网址的平台/爱站网seo
CleanMyMac作为知名的Mac清理工具，仅需一键即可快速而安全地清理系统垃圾，释放磁盘空间，因此一直深受Mac用户的喜爱。在不断更新的版本中，CleanMyMac已经不仅仅满足于只做简单的Mac清理工具，而是为Mac用户提供更多的实…...
西安知名网站制作公司/360搜索首页网址是多少
习题1：一个列表，排重，不能用set,也不能用字典 算法： 1、生成一个空列表result，存储排重后的元素 2、遍历列表的每一个元素，判断是否在result列表里面，如果不在，就添加到result列表中 3、如果在，不做任何操作 4、打印result列表 l=[1,2,3,4,1,2,3,4,1,2] result=[] fo…...
手机互动网站建设/网络营销的方法
概述 什么是RedisRedis有哪些优缺点为什么要用Redis /为什么要用缓存为什么要用Redis而不用map/guava做缓存?Redis为什么这么快 二、数据类型 Redis有哪些数据类型Redis的应用场景 三、持久化 什么是Redis持久化?Redis的持久化机制是什么?各自的优缺点?如何选择合适的…...
如何调整wordpress页面的顺序/软件网站排行榜
什么是算法 算法可以理解就是一系列被控制的步骤，你通过按序执行这些步骤可以实现一些目标或者产生一些输出。 时间复杂度 时间复杂度是一个函数,它定性描述该算法的运行时间。这是一个代表算法输入值的字符串的长度的函数.时间复杂度常用大O表述表述，…...
wordpress leravel/关于校园推广的软文
创建文件【vi】一、进入vi的命令vi filename :打开或新建文件，并将光标置于第一行首vi n filename ：打开文件，并将光标置于第n行首vi filename ：打开文件，并将光标置于最后一行首vi /pattern filename：打开…...