[趣味代码] 403禁止页面带打字效果
作者:CC下载站 日期:2018-10-10 04:08:30 浏览:1742 分类:站长帮
403禁止页面带打字效果,也适用于404页面。
HTML
<h1>403</h1> <div><p>><span>ERROR CODE</span>: "<i>HTTP 403 Forbidden</i>"</p> <p>><span>ERROR DESCRIPTION</span>: "<i>Access Denied. You Do Not Have The Permission To Access This Page On This Server</i>"</p> <p>><span>ERROR POSSIBLY CAUSED BY</span>: [<b>execute access forbidden, read access forbidden, write access forbidden, ssl required, ssl 128 required, ip address rejected, client certificate required, site access denied, too many users, invalid configuration, password change, mapper denied access, client certificate revoked, directory listing denied, client access licenses exceeded, client certificate is untrusted or invalid, client certificate has expired or is not yet valid, passport logon failed, source access denied, infinite depth is denied, too many requests from the same client ip</b>...]</p> <p>><span>SOME PAGES ON THIS SERVER THAT YOU DO HAVE PERMISSION TO ACCESS</span>: [<a href="/">Home Page</a>, <a href="/">About Us</a>, <a href="/">Contact Us</a>, <a href="/">Blog</a>...]</p><p>><span>HAVE A NICE DAY SIR AXLEROD :-)</span></p> </div>
CSS
*{margin:0; padding:0; border:0;font-size:100%; font: inherit;vertical-align: baseline; box-sizing: border-box;color: inherit;} body { background-image: linear-gradient(120deg,#4f00880%,#000000100%);height:100vh;} h1 {font-size:45vw;text-align: center;position: fixed; width:100vw; z-index:1; color:#ffffff26;text-shadow:0050px rgba(0,0,0,0.07);top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%); font-family:"Montserrat", monospace;} div { background: rgba(0,0,0,0); width:70vw;position: relative; top:50%;-webkit-transform: translateY(-50%); transform: translateY(-50%); margin:0auto; padding:30px30px10px;box-shadow:00150px-20px rgba(0,0,0,0.5);z-index:3;} P { font-family:"Share Tech Mono", monospace;color:#f5f5f5;margin:0020px; font-size:17px;line-height:1.2;} span {color:#f0c674;} i {color:#8abeb7;} div a {text-decoration: none;} b {color:#81a2be;} a.avatar { position: fixed;bottom:15px; right:-100px;-webkit-animation: slide 0.5s4.5s forwards; animation: slide 0.5s4.5s forwards; display: block;z-index:4} a.avatar img{width:44px;border:2px solid #fff;border-radius:100%;} @-webkit-keyframes slide{from{right:-100px;opacity:0;-webkit-transform:rotate(360deg);transform:rotate(360deg);} to{right:15px;opacity:1;-webkit-transform:rotate(0);transform:rotate(0);} } @keyframes slide{from{right:-100px;opacity:0;-webkit-transform:rotate(360deg);transform:rotate(360deg);} to{right:15px;opacity:1;-webkit-transform:rotate(0);transform:rotate(0);} }
JS
var str = document.getElementsByTagName('div')[0].innerHTML.toString(); var i =0; document.getElementsByTagName('div')[0].innerHTML =""; setTimeout(function(){ var se = setInterval(function(){ i++; document.getElementsByTagName('div')[0].innerHTML = str.slice(0, i)+"|"; if(i == str.length){ clearInterval(se); document.getElementsByTagName('div')[0].innerHTML = str; } },10); },0);
猜你还喜欢
- 03-29 [环境测试] Hexo部署GitHub Pages
- 03-22 [源码设置] 如何设置Xiuno BBS URL-Rewrite(伪静态设定)
- 03-06 [建站交流] PicGo + smms 构建图床
- 11-18 [emlog技巧] Emlog非插件显示评论者IP属地
- 11-09 [网站维护] WordPress 后台速度慢?加快仪表板速度的 15 种方法
- 11-09 [WordPress插件] 10 个最好用的 WordPress 聊天机器人插件(免费和付费)
- 11-09 [WordPress开发] 探索 WordPress 6.3 中的增强样板(Patterns)
- 11-09 [网站维护] 无需插件即可优化 WordPress 速度的 12 种策略
- 11-09 [网站安全] WordPress 安全统计:WordPress 到底有多安全?
- 09-20 [jsp技术] JSP ssm 特殊人群防走失系统myeclipse开发mysql数据库springMVC模式java编程计算机网页设计
- 09-15 [Lightsail容器] AWS Lightsail VPS:一种在云中运行容器的简单方法
- 07-28 [运维笔记] 解决网站出现"SSL_ERROR_RX_RECORD_TOO_LONG"问题
取消回复欢迎 你 发表评论:
- 精品推荐!
-
- 最新文章
- 热门文章
- 热评文章
[文件传输] 【Android/IOS/Win】互传 EasyShare 3.6.5 零流量、极速、多平台快捷传输工具
[辅助下载] 4K高清壁纸图片批量下载工具2.0版本
[资料教程] 事业单位必刷题库
[技术课程] 【易锦】WEB渗透Hacker技术特训营(直播课第14期)
[课程] 轻松汽车摄影-全能课,最全汽车视频拍摄技巧(32节课)
[资料教程] 辣条制作配方及教程
[音乐] 低音炮车载340首
[课程] 夜鹰10分钟救命课(完结)
[资料] 寻道网道医精品视频课程集合15部
[资料课程] 适合3-7岁学前幼小衔接 《22天搞定拼音》,认、读、拼、写
[资料] [大学期末救急课] 猴博士+高斯课堂+斐多课堂,全集视频合集
[云资源] 价值2万元的老男孩Python教程
[书库] 史上最全摄影书推荐(附700本PDF版打包下载)
[云资源] 花了一千多元买的私人健身教程
[下载工具] Internet Download Manager 6.42.7 (IDM)
[影视] 灌篮高手 WEB-DL版下载/Slam Dunk/スラムダンク/灌篮高手:THE FIRST/灌篮高手电影版 2022 The First Slam Dunk 61.35G
[安卓软件] 酷我音乐APP_v10.7.6.4 去广告破解豪华VIP版
[即时通讯] 微信PC版WeChat 3.9.9.43 多开防撤回绿色版
[安卓软件] Solid Explorer文件管理器APP 2.8.38 破解版
[浏览器] Google Chrome v123.0.6312.59便携增强版
[云资源] 价值2万元的老男孩Python教程
[影视] 灌篮高手 WEB-DL版下载/Slam Dunk/スラムダンク/灌篮高手:THE FIRST/灌篮高手电影版 2022 The First Slam Dunk 61.35G
[云资源] 花了一千多元买的私人健身教程
[书库] 史上最全摄影书推荐(附700本PDF版打包下载)
[动画] 北斗神拳(1984) [两季合集] [MKV]
[资料] 抗战阵亡将士资料+续编
[电视剧] 三体 (2024) 全8集 网飞版本 中文字幕 合集
[纪录片] 河西走廊【10集 国语 中文字幕 1080P 10.8G MP4】
[电影] 2024年喜剧片·热辣滚烫 [mp4]
[影视] 铁爪 WEB-DL版下载 2023 The Iron Claw 23.48G
- 最新评论
-
杂物房内的旧档资源不保证有效CC下载站 评论于:05-14 不能**123 评论于:05-14 我想看看mw2ddyy 评论于:04-26 好东西阿zfy123123 评论于:04-18 谢谢楼主xiaoqi 评论于:04-12 勿在线解压,勿手机解压,请在电脑上用最新款压缩软件解压!推荐360压缩或者好压CC下载站 评论于:04-10 无法解压啊,客服能不能给个解压教程ravengrey 评论于:04-10 谢谢支持!!CC下载站 评论于:03-26 很棒的资源,感谢分享云体风身 评论于:03-26 感谢分享,好东西云体风身 评论于:03-26
- 热门tag