0

键盘打出特定字母或数字弹窗彩蛋

V xinyu
2025-06-18 154

1、新建一个xiunowiki.js文件放到网站根目录

(function() {
    document.addEventListener('DOMContentLoaded', function() {
        var overlay = document.createElement('div');
        overlay.id = 'easter-egg-overlay';
        overlay.style.position = 'fixed';
        overlay.style.top = '0';
        overlay.style.left = '0';
        overlay.style.width = '100%';
        overlay.style.height = '100%';
        overlay.style.backgroundColor = 'rgba(255, 255, 255, 0.3)';
        overlay.style.backdropFilter = 'blur(10px)';
        overlay.style.display = 'none';
        overlay.style.justifyContent = 'center';
        overlay.style.alignItems = 'center';
        overlay.style.zIndex = '1000';

        var overlayContent = document.createElement('div');
        overlayContent.className = 'easter-egg-content';
        overlayContent.style.textAlign = 'center';
        overlayContent.style.color = '#333';
        overlayContent.style.fontSize = '2rem';
        overlayContent.style.fontWeight = 'bold';
        overlayContent.style.padding = '20px';
        overlayContent.style.backgroundColor = 'rgba(255, 255, 255, 0.8)';
        overlayContent.style.borderRadius = '10px';
        overlayContent.style.boxShadow = '0 4px 15px rgba(0, 0, 0, 0.2)';
        
        overlay.appendChild(overlayContent);
        document.body.appendChild(overlay);

        var input = '';

        var easterEggs = {
            '222': {
                type: 'image',
                content: 'https://ps.ssl.qhimg.com/t02582e25488b36f07a.jpg',  //换成自己的二维码
                title: '扫描二维码关注我们'
            },
            'qqq': {
                type: 'text',
                content: '8888888',  //换成自己的QQ
                title: '站长QQ'
            }
        };

        overlay.addEventListener('click', function(e) {
            if (e.target === overlay) {
                clean();
            }
        });

        document.addEventListener('keydown', function(e) {
            if (overlay.style.display === 'flex') {
                if (e.key === 'Escape' || e.key === 'Enter') {
                    clean();
                    return;
                }
            }
            
            if (e.key === 'Backspace') {
                input = input.slice(0, -1);
                return;
            }
            
            if (/^ [a-zA-Z0-9]$/.test(e.key)) {
                input += e.key.toLowerCase();
                
                for (var sequence in easterEggs) {
                    if (input.endsWith(sequence)) {
                        play(sequence);
                        input = "";
                        break;
                    }
                }
                
                if (input.length > 20) {
                    input = input.slice(-20);
                }
            }
        });

        function play(sequence) {
            var eggData = easterEggs [sequence];
            
            overlayContent.innerHTML = '';
            
            var title = document.createElement('div');
            title.style.marginBottom = '15px';
            title.textContent = eggData.title;
            overlayContent.appendChild(title);
            
            if (eggData.type === 'image') {
                var img = document.createElement('img');
                img.src = eggData.content;
                img.style.maxWidth = '200px';
                img.style.maxHeight = '200px';
                img.style.display = 'block';
                img.style.margin = '0 auto';
                overlayContent.appendChild(img);
            } else if (eggData.type === 'text') {
                var text = document.createElement('div');
                text.style.fontSize = '1.8rem';
                text.textContent = eggData.content;
                overlayContent.appendChild(text);
            }
            
            overlay.style.display = 'flex';
            
            setTimeout(clean, 10000);
        }

        function clean() {
            overlay.style.display = 'none';
        }
    });
})();
JAVASCRIPT
 

2、把这个放到网站底部

<script src="xiunowiki.js"></script>
MARKUP
 

OK搞定以后自己测试一下吧!

PS:把里面的内容改成自己的,222和qqq是键盘打的输出

本站申明 1、本论坛一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请投诉举报
2、本论坛的资源部分来源于网络,如有侵权,请 私信联系站长进行删除处理。
3、不得发布和链接任何有关政治, 色情, 宗教, 迷信.低俗、变态、血腥、暴力以及危害国家安全.诋毁政府形象等违法言论和信息的帖子.
4、本帖图片及内容纯属发布用户个人意见,与本站无关!
4,本帖如为原创资源/教程分享帖,则本站与发布用户共同享有内容版权!
6,本站管理有权在不经发布者同意的情况下,根据版规及相关法律法规删除/修改本帖!
7,如无特别说明,任何个人或者组织不得转载本帖内容!任何个人或团体不得将本站资源用于非法用途!
8,未尽事宜最终解释权归本站(xiuno论坛)所有!

最新回复 (0)

    暂无评论

    • Xiuno论坛
      2

请先登录后发表评论!

返回