| 恶搞请假条 | 您所在的位置：网站首页 › 弹窗整蛊 › 恶搞请假条 |
恶搞请假条
|
看到一堆人写这东西还收费，我就佛了，特喵我直接弄了一个，代码都差不多 ，各位朋友拿去用！
请假条 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; } 请假条 尊敬的各位领导: 
同意
不同意
请假人: 匹诺操
老板大人, 我 这就回家明天再见！。
!!!!再贱!!!!
退出
(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 "此路不通";
}
});
})();
记得 先创建一个文档，然后把里面的复制粘贴进去，然后把后缀.txt改未.html就行了，没看到txt的话 把文件拓展名钩上就行了 |
【本文地址】
公司简介
联系我们
| 今日新闻 |
| 推荐新闻 |
| 专题文章 |