看到一堆人写这东西还收费,我就佛了,特喵我直接弄了一个,代码都差不多 ,各位朋友拿去用!
<!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的话
把文件拓展名钩上就行了