恶搞请假条

看到一堆人写这东西还收费,我就佛了,特喵我直接弄了一个,代码都差不多 ,各位朋友拿去用!

 

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>请假条</title><style>html, body {margin: 0;padding: 0;background: #f2f1f6;}.container {position: relative;width: 500px;height: 300px;background: #f2f1f6;}.container h1 {margin-top: 0;text-align: center;}.container img {vertical-align: -70px;}.bd {padding-left: 30px;}.ft {position: absolute;width: 100%;bottom: 20px;padding: 0 30px;line-height: 30px;box-sizing: border-box;}.btn-group {float: left;}.fr {float: right;}button {cursor: pointer;}#p1 {}.not-allow {position: relative;}#p2 {display: none;}.red {margin: 0;font-size: 24px;padding: 30px 40px;color: red;letter-spacing: 4px;}.wavy {text-decoration: underline;text-decoration-style: wavy;}.name {padding-left: 10px;}.btn {padding: 6px 12px;}</style>
</head>
<body><div class="container"><div id="p1"><h1>请假条</h1><div class="bd">尊敬的各位领导: <img src="https://p.qqan.com/up/2021-1/16100050925828871.jpg" width="120"/></div><div class="ft"><div class="btn-group"><button class="btn allow">同意</button><button class="btn not-allow" id="not-allow">不同意</button></div><div class="fr">请假人: <span class="name">匹诺操</span></div></div></div><div id="p2"><h2 class="red">老板大人, 我 这就回家</span>明天再见!。<br/>!!!!再贱!!!!</h2><div class="ft"><button class="btn fr exit">退出</button></div></div></div><script>(function(){function $(selector) {return document.querySelector(selector);}var $p1 = document.getElementById('p1');var $p2 = document.getElementById('p2');var $container = $('.container');var $btn = $('#not-allow');var isBlockClose = true;var maxX = $container.clientWidth - 1, maxY = $container.clientHeight - 1;var originPos = $btn.getBoundingClientRect();$('.allow').addEventListener('click', function() {$p1.style.display = 'none';$p2.style.display = 'block';});$btn.addEventListener('mouseover', function() {this.style.left = Math.floor(Math.random() * maxX - originPos.left) + 'px';this.style.top = Math.floor(Math.random() * maxY - originPos.top) + 'px';//console.log(this.style.left, this.style.top);});$('.exit').addEventListener('click', function() {isBlockClose = false;window.close();});window.addEventListener('beforeunload', function(e) {if (isBlockClose) {alert("此路不通");e.returnValue = false;e.preventDefault();return "此路不通";}});})();</script>
</body>
</html>

 记得 先创建一个文档,然后把里面的复制粘贴进去,然后把后缀.txt改未.html就行了,没看到txt的话

 

 把文件拓展名钩上就行了

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/62784.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于信捷PLC和TouchWin的花式喷水池设计

方案描述&#xff1a; 一、控制任务和功能要求 图1 喷水池示意图 在图1中&#xff0c;有4组喷头组&#xff0c;每组有5个喷头&#xff0c;4为中间喷水组&#xff0c;3为内环状喷头组&#xff0c;2为一次外环形状喷头组&#xff0c;1为外环形状喷头组。 1.PLC功能要求 &#…

花式秀恩爱,利用Python给情书加密,让女朋友甜蜜满满

不知道你们有没有试过有趣的表白情节&#xff1f;以前网上流行发一串摩斯密码&#xff0c;然后解密出来就是一个i love you.今天给你们来带你更高级的加密表白。异或加密情书。 之前我做的c版本的异或加密解密得到不错的成绩。这次用python再做一遍。 首先先上效果图。 私信小…

不写情书,程序员为什么还要学写作?

跟小伙伴们一样,老兵哥也年轻过,在花季雨季也写过情书,不过经常石沉大海。当时特别希望自己的文笔好一些,像小说影视作品中的男猪脚那样一封书信就可以俘获菇凉的芳心。现今娃娃都能打酱油了,原来情书的效用早就被工资卡替代了,情人节也不用送礼物了,直接发红包折现。写…

【花式表白】,情书加密,这样泡小师妹,没跑了

【花式表白】&#xff0c;情书加密&#xff0c;这样泡小师妹&#xff0c;没跑了。 首先先上效果图。 文件a是初始文本&#xff0c;文件b是由文件a加密而成的。我们发给小师妹的文件可以是b文件。而c文件则是由b文件解密出来的。 其中如果输入错了解密的密码&#xff0c;就会…

快使用Snackbar!——Android Snackbar花式使用指南

本文是在《Design Support Library第三部分&#xff1a;Snackbar样式》和《Snackbar使用及其注意事项》两篇文章的启发下而来&#xff0c;首先对两篇文章的作者表示感谢。 Snackbar是Android Support Design Library库中的一个控件&#xff0c;可以在屏幕底部快速弹出消息&…

y的花式写法_y的花式写法_26个字母的花式写法,总有一个你喜欢哒

一千零一夜|第五百七十九夜 简书 一张叶小绘 哈喽大家好&#xff0c;我是随身携带一只笔、随时练字的手帐er叶小绘(*^ω^*) 好久不见哇&#xff0c;因为这次整理了26个字母的书写idea&#xff0c;在忙碌的工作、满当当的网课进修的时间间隙创作&#xff0c;断断续续花了好几天的…

python3花式秀操作--文件读写

0x01 输出重定向文件 with open("test.txt","wt") as f:print("nihao",filef) 0x02 一句话写文件 [open("test.txt","at").write(str(i)"\n") for i in range(10)] - 解析&#xff1a; 此种方法需要用采用追加…

ArcGIS出图时如何制作花式边框

喜欢就关注我们吧&#xff01; 制图时候我们的边框一般是简单的实线边框。 如何给我们的图加上一些花式边框呢&#xff1f; 01 视频教学 ArcGIS制作花式边框 需要花式边框就可以留言哦&#xff01; 推荐学习 ArcGIS在国土空间城乡规划中的实战应用 ArcGIS之模型构建器&#x…

计算机系学霸情书,拿最高得分写最动人的话,学霸才是情书界高端玩家!

文丨超人妈妈 很多网友说在现在的网络时代&#xff0c;千兆时代&#xff0c;爱情也被加了千兆、万兆的速度&#xff0c;那种车马很慢&#xff0c;一生只够爱一个人的情感&#xff0c;对当代人来说就像是乌托邦一般的存在。 对于很多大学生而言&#xff0c;在对异性表达感情是还…

团队密码管理器Passbolt的安装

老苏下载了吴恩达联手 OpenAI 推出的 Prompt for developer 课程&#xff0c;总长度大概在一个半小时左右&#xff0c;可以让我们学习正确的 ChatGPT Prompt 工程 虽然课程对话是英文&#xff0c;但有中文字幕&#xff0c;课程地址&#xff1a;https://www.aliyundrive.com/s/…

小程序 this.getOpenerEventChannel is not a function

小程序新出功能&#xff0c;页面跳转后通过事件的发布订阅&#xff0c;实现页面间数据的传递&#xff0c;但我在使用过程中发现个大bug 官方文档 https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html this.getOpenerEventChannel is not a functi…

uni-app打包成微信小程序后再开发运行时微信开发者工具没反应

前端小白的uni-app框架的艰难学习之路 问题 打包过的uni-app项目&#xff0c;想要继续开发&#xff0c;却发现一直都提示编译完成&#xff0c;而微信开发者工具也没有反应&#xff0c;不像未打包之前保存即刷新&#xff0c;这个问题我困扰了许久&#xff0c;后来终于发现了问…

【微信小程序】运行机制和更新机制

&#x1f352;观众老爷们好呀&#xff0c;牛牛又更文了&#xff0c;上文我们对部分比较常用的组件进行了讲解&#xff0c;作为开发者&#xff0c;我们还需要对小程序的运行机制和更新机制做一定的了解&#xff0c;那问题来了&#xff0c;你对它们了解多少呢&#xff1f; &#…

小程序进入页面控制台报wx.openChannelsUserProfile is not a function

今天拉取代码发现有冲突,内容还挺多,懒得修改,直接删掉重新下载. 冲突是解决了,进入首页发现报wx.openChannelsUserProfile is not a function,小程序是能正常使用的. 网友大佬说是调试库版本低于2.10.x 地址 :https://blog.csdn.net/fqfq123456/article/details/119633765 我…

hb运行到微信小程序出现报错:[微信小程序开发者工具] ? Enable IDE Service (y/N) 

背景&#xff1a; 换了台电脑&#xff0c;发现hb运行到微信小程序的时候出错了 18:09:17.800 [微信小程序开发者工具] ? Enable IDE Service (y/N) [27D[27C 18:09:17.803 [微信小程序开发者工具] - initialize 18:09:17.803 [微信小程序开发者工具] 18:09:17.807 [微信小程…

uniapp微信小程序运行成功但是没调用微信开发者工具

先看运行里面的运行设置&#xff0c;开发者本地的地址是否是好的 然后看微信开发者工具里面的设置&#xff0c;找到安全设置&#xff0c;打开服务端口&#xff0c;这样工具就可以被命令行和http调用了

从uni-app运行到微信开发者工具小程序后没有自动打开项目的原因

今天从uni-app运行程序到微信开发者工具却没有自动将项目进行打开的原因&#xff1a; 是uni-app端的微信小程序的AppID与微信开发者工具的不一致导致的没有打开。 所以我们一定要两边的AppID是一致的才行。 去网页查看自己的AppID 微信开发工具的AppID 打开我们文件里面的ma…

微信小程序之停止录音

今日继续在第二大学远程实习&#xff0c;上次分享了微信小程序的录音&#xff0c;录音有开始也肯定有停止&#xff0c;分享一下停止录音的实现。 在我们实际应用开发中可能还会遇到小程序视频、录音、直播冲突的情况&#xff0c;或者录音过程中来了电话被中断录音等情况&#…

微信小程序之开发遇到 does not have a method “xxxx“ to handle event “tap“ 问题的解决方案【已解决】

今天在开发一个小功能&#xff0c;copy了之前写的代码&#xff0c;但是在实现功能时&#xff0c;出现了如下问题&#xff1a; 先在这简单总结一下解决方案&#xff1a; 在调用方法时&#xff0c;在" "中前后多加了空格&#xff1b;在 js 中没有定义该方法&#xff1…

运行微信小程序出现的问题

1.问题一&#xff1a;用Hbuilder工具运行后&#xff0c;能跳到微信开发者工具界面&#xff0c;但是小程序项目打不开。 解决&#xff1a;第一步检查以下这些插件是否安装好。 第二布检查manifest.json的微信小程序配置的AppID是否配置好。 第三步检查服务端口是否打开了。 …