Help
RSS
API
Feed
Maltego
Contact
Domain > 23323.edgeone.app
×
More information on this domain is in
AlienVault OTX
Is this malicious?
Yes
No
DNS Resolutions
Date
IP Address
2026-02-09
43.175.182.15
(
ClassC
)
2026-03-04
43.159.77.156
(
ClassC
)
Port 443
HTTP/1.1 200 OKContent-Type: text/htmlETag: 7f2402d735657c5ae2e91b3b3ee5c399Last-Modified: Mon, 09 Feb 2026 03:04:30 GMTAge: 0Content-Length: 9878Accept-Ranges: bytesConnection: keep-aliveServer: edgeone-pagesCache-Control: Date: Wed, 04 Mar 2026 11:57:18 GMTEO-LOG-UUID: 15038868547760975526EO-Cache-Status: Cache Miss !DOCTYPE html>html langzh-CN>head> meta charsetUTF-8> meta nameviewport contentwidthdevice-width, initial-scale1.0> title>项目1升级版:马年随机翻翻卡/title> style> /* --- 1. 基础装修 --- */ body { background-color: #8b0000; color: #fff; font-family: Microsoft YaHei, sans-serif; display: flex; flex-direction: column; align-items: center; min-height: 100vh; margin: 0; padding-bottom: 50px; /* 给底部按钮留点空间 */ } h1 { color: #ffd700; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); margin-top: 30px; font-size: 2rem; } p.tip { color: #ffcccc; margin-bottom: 20px; font-size: 1.1rem; } /* --- 2. 布局:自动适应的网格 --- */ .grid-container { display: grid; /* 这里的 minmax(120px, 1fr) 意思是卡片最小120宽,如果屏幕够大就自动变宽 */ grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 15px; width: 95%; max-width: 1000px; padding: 10px; } /* --- 3. 卡片样式 --- */ .card { background-color: transparent; height: 160px; /* 稍微调小一点,方便放下20张 */ perspective: 1000px; cursor: pointer; } .card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.6s; transform-style: preserve-3d; box-shadow: 0 4px 8px rgba(0,0,0,0.3); border-radius: 10px; } .card.flipped .card-inner { transform: rotateY(180deg); } .card-front, .card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 2px solid #ffd700; user-select: none; /* 防止双击选中文字 */ } /* 正面:福字设计 */ .card-front { background: linear-gradient(135deg, #d32f2f, #b71c1c); color: #ffd700; } .fu-text { font-size: 3rem; font-family: KaiTi, 楷体, serif; /* 用楷体更有年味 */ border: 2px solid #ffd700; padding: 5px; transform: rotate(45deg); /* 把福字框菱形摆放 */ width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; } .fu-text span { transform: rotate(-45deg); /* 文字转回来 */ } /* 反面:祝福语 */ .card-back { background-color: #fff8e1; color: #d32f2f; transform: rotateY(180deg); padding: 5px; } .idiom { font-size: 1.3rem; font-weight: bold; margin-bottom: 5px; } .meaning { font-size: 0.8rem; color: #555; line-height: 1.2; } /* --- 4. 底部按钮 --- */ .refresh-btn { margin-top: 30px; padding: 12px 30px; font-size: 1.2rem; background-color: #ffd700; color: #8b0000; border: none; border-radius: 25px; cursor: pointer; font-weight: bold; box-shadow: 0 4px 0 #b8860b; /* 按钮立体感 */ transition: 0.2s; } .refresh-btn:active { transform: translateY(4px); /* 按下去的效果 */ box-shadow: none; } /style>/head>body> h1>🐎 马年好运翻翻卡 🧧/h1> p classtip>随机抽取 20 张好运卡,点开看看你的运势!/p> div classgrid-container idcard-area>/div> button classrefresh-btn onclickinitGame()>🔄 换一批运气/button> script> // --- 1. 大题库:30条祝福语 --- const allBlessings { text: 马到成功, meaning: 战马一到就胜利,工作一开始就成功。, icon: 🐎 }, { text: 龙马精神, meaning: 像龙马一样精神抖擞,充满活力。, icon: 🐉 }, { text: 一马当先, meaning: 积极带头,走在最前面。, icon: 🥇 }, { text: 万马奔腾, meaning: 气势浩大,事业蒸蒸日上。, icon: 🌊 }, { text: 天马行空, meaning: 才气横溢,无拘无束。, icon: ☁️ }, { text: 老马识途, meaning: 经验丰富,能指引方向。, icon: 🧭 }, { text: 倚马千言, meaning: 才思敏捷,文章写得快。, icon: ✍️ }, { text: 汗马功劳, meaning: 立下显赫的功劳。, icon: 🏆 }, { text: 金马玉堂, meaning: 形容富贵显赫的局面。, icon: 💰 }, { text: 厉兵秣马, meaning: 准备充足,只待出发。, icon: ⚔️ }, { text: 恭喜发财, meaning: 祝您财源滚滚。, icon: 🧧 }, { text: 大吉大利, meaning: 万事顺顺利利。, icon: 🍊 }, { text: 身体健康, meaning: 无病无灾,长命百岁。, icon: 🍎 }, { text: 万事如意, meaning: 什么事都如你心意。, icon: ✨ }, { text: 心想事成, meaning: 心里的愿望都能实现。, icon: ❤️ }, { text: 步步高升, meaning: 职位、学业一步步上升。, icon: 📈 }, { text: 阖家幸福, meaning: 全家团圆,幸福美满。, icon: 🏠 }, { text: 财源广进, meaning: 金钱像水一样流进来。, icon: 💎 }, { text: 吉星高照, meaning: 幸运之星照耀着你。, icon: ⭐ }, { text: 五福临门, meaning: 各种福气都来到家门口。, icon: 🚪 }, { text: 年年有余, meaning: 生活富足,每年都有结余。, icon: 🐟 }, { text: 花开富贵, meaning: 生活像花开一样繁荣。, icon: 🌺 }, { text: 笑口常开, meaning: 每天都开开心心。, icon: 😄 }, { text: 锦上添花, meaning: 好上加好,美事成双。, icon: 🌸 }, { text: 鹏程万里, meaning: 前程远大,不可限量。, icon: 🦅 }, { text: 一帆风顺, meaning: 没有任何阻碍。, icon: ⛵ }, { text: 出入平安, meaning: 无论去哪都平平安安。, icon: 🚗 }, { text: 生龙活虎, meaning: 身体强壮,充满活力。, icon: 🐯 }, { text: 学业有成, meaning: 学习进步,取得好成绩。, icon: 📚 }, { text: 前程似锦, meaning: 未来像锦绣一样美好。, icon: 🌈 } ; const cardArea document.getElementById(card-area); // --- 2. 核心算法:洗牌(随机打乱数组) --- function shuffleArray(array) { // 这里用的是经典的 Fisher-Yates 洗牌算法 // 简单理解:从后往前,随机找一个元素和当前的交换位置 for (let i array.length - 1; i > 0; i--) { const j Math.floor(Math.random() * (i + 1)); arrayi, arrayj arrayj, arrayi; } return array; } // --- 3. 生成游戏 --- function initGame() { // 1. 清空现有的卡片 cardArea.innerHTML ; // 2. 复制一份数据进行洗牌(防止修改原数组),并取出前20个 // ...allBlessings 是复制数组的意思 const shuffled shuffleArray(...allBlessings); const selected shuffled.slice(0, 20); // 只取前20个 // 3. 循环生成 HTML selected.forEach((item, index) > { const card document.createElement(div); card.className card; // 让卡片一个接一个出现,有个小延迟动画,看起来更高级 card.style.animation `fadeIn 0.5s ease forwards ${index * 0.05}s`; card.innerHTML ` div classcard-inner> div classcard-front> div classfu-text>span>福/span>/div> /div> div classcard-back> div classidiom>${item.icon} ${item.text}/div> div classmeaning>${item.meaning}/div> /div> /div> `; card.addEventListener(click, function() { this.classList.toggle(flipped); }); cardArea.appendChild(card); }); } // --- 4. 页面加载完毕后,自动开始一次 --- initGame(); /script>/body>/html>
View on OTX
|
View on ThreatMiner
Please enable JavaScript to view the
comments powered by Disqus.
Data with thanks to
AlienVault OTX
,
VirusTotal
,
Malwr
and
others
. [
Sitemap
]