🎃🦇 HTMLoween 🦇🎃 - 用 HTML、JS 和 CSS 让你怒火中烧！😱
哇哦哈哈哈哈，万圣节到啦！所以，这里有一篇充满恐怖代码（保证让你尖叫！）的趣味帖子，还有一些我和朋友们一起雕刻的南瓜，因为我想和你们分享，但又不想单独写一篇帖子！
希望你度过一个既惊悚又有趣的一天，也希望这段可怕的代码不会困扰你太久！
内容
HTML恐怖
我希望可以说你只会在万圣节一年中遇到这些怪物，但实际上这些恐怖的东西一年四季都潜伏着！
不适合18岁以下人士观看，评级为R级（垃圾！）
地狱显然不止七层。
<img src="../../../../../../../../../../../../../../../../../../../../../../../../assets/logo.bmp" />
一个邪恶的分隔器
<center>-------------------------------------------</center>
经典的惊悚！
<p class="hover:bg-light-blue-200
hover:text-light-blue-800
group
flex
items-center
rounded-md
bg-light-blue-100
text-light-blue-600
text-sm
font-medium
px-4
py-2">
Hi
</p>
抱歉，我忍不住要挖苦一下！
今晚，我们将在地狱（泪之桌）用餐！
<table id="body">
<tr id="wrapper">
<td id="main">
<table id="row-wrapper">
<tr id="body_row">
<td id="body_left">
<table id="nav">
<tr href="home.html" onclick="nav()">Home</tr>
<tr href="about.html" onclick="nav()">About</tr>
<tr href="contact.html" onclick="nav()">Contact</tr>
</table>
</td>
<td id="body_main"></td>
<td id="body_aside"></td>
</tr>
</table>
</td>
</tr>
</table>
JavaCrypt
你以为HTML已经够糟糕了？等着瞧这些JavaScript的惨状吧！
心脏不好的人现在就应该回避。
没有上帝
const allowed = {
'1': true,
'2': true,
'3': true,
'4': true,
'5': true,
'6': true,
'7': true,
'8': true,
'9': true,
'0': true,
'a': true,
'b': true,
'c': true,
'e': true,
'f': true,
'h': true,
'i': true,
'j': true,
'k': true,
'l': true,
'm': true,
'n': true,
'p': true,
'q': true,
'r': true,
's': true,
't': true,
'u': true,
'v': true,
'w': true,
'x': true,
'y': true,
'z': true
}
var isValidInput = function(key){
return allowed[key];
}
真理必叫你们得自由！
var helpers = {};
helpers.returnTrue = function() {
return true;
}
有什么可以帮到您吗？还是您只是随便看看？
var u = "Browser";
if (this.isIPad) {
u = "iPad"
} else {
if (this.isDDGIgnore) {
u = "Ignore"
} else {
if (/seamonkey/.test(x)) {
u = "SeaMonkey"
} else {
if (/iceape/.test(x)) {
u = "Iceape"
} else {
if (/palemoon/.test(x)) {
u = "PaleMoon"
} else {
if (this.isFirefox) {
u = "Firefox"
} else {
if (this.isAndroid) {
u = "Android"
} else {
if (/xbox/.test(x)) {
u = "xBox"
} else {
if (/midori/.test(x)) {
u = "Midori"
} else {
if (/opr/.test(x)) {
u = "Opera"
} else {
if (/maxthon/.test(x)) {
u = "Maxthon"
} else {
if (this.isYandex) {
u = "Yandex"
} else {
if (/vivaldi/.test(x)) {
u = "Vivaldi"
} else {
if (this.isChrome) {
u = "Chrome"
} else {
if (/fennec/.test(x)) {
u = "Fennec"
} else {
if (/epiphany/.test(x)) {
u = "Epiphany"
} else {
if (/uzbl/.test(x)) {
u = "Uzbl"
} else {
if (this.isEdge) {
u = "Edge"
} else {
if (this.isIE && navigator.platform === "Win64"
&& !k() && Modernizr.touch
&& document.documentElement.clientWidth == screen.width) {
u = "IEMetro"
} else {
if (this.isIE) {
u = "IE"
} else {
if (this.isOpera) {
u = "Opera"
} else {
if (this.isIPhone) {
u = "iPhone"
} else {
if (/arora/.test(x)) {
u = "Arora"
} else {
if (this.isSafari) {
u = "Safari"
} else {
if (this.isKonqueror) {
u = "Konqueror"
} else {
if (this.isBlackberry) {
u = "Blackberry"
} else {
if (/phantomjs/.test(x)) {
u = "PhantomJS"
} else {
if (this.isIDevice) {
u = "iOS"
}}}}}}}}}}}}}}}}}}}}}}}}}}}}
史酷比！
如果人们理解 CSS 中的“C”代表“层叠”，我们可能就不必处理那么多糟糕的 CSS 了。
但我今天不是来拯救世界的，而是让我们一起来惊叹一些非常糟糕的 CSS 设计理念吧！
邪恶的编辑！
好吧，这个……或许真的有用？不过感觉非常不对劲！
一个纯CSS的实时CSS编辑器？
只有万圣节才有！
抖动虫！
将此内容添加到任何页面，准备迎接无尽的痛苦吧！
*:hover{
zoom:99%;
}
一些南瓜雕刻作品，希望能让你开心起来！
因为我可能刚刚给你留下了终身阴影，所以这里有一些我和朋友们昨晚雕刻的南瓜，希望它们能减轻你的一些痛苦！
一些南瓜
《七宝奇谋》里的独眼威利
《银河护卫队》中的火箭浣熊
我们……就是毒液！
万圣节快乐！
文章来源：https://dev.to/grahamthedev/its-htmloween-scary-html-js-and-css-2ncj