科乐美秘籍哈哈哈

上上下下左右左右BA

<script>
        var kkeys = "",
            konami_str = "38384040373937396665",
            konami_array = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65];
        document.addEventListener('keyup', function (e) {
            let key_code = e.keyCode;
            if (konami_array.indexOf(key_code)===-1){
                kkeys=""
                return
            }
            kkeys+=key_code
            console.log(kkeys)
            if (kkeys.length===konami_str.length){
                if (kkeys===konami_str){
                    alert("秘籍启动")
                    kkeys=''
                }else {
                    console.log("错误秘籍")
                    kkeys=''
                }
            }
        })

        function myAlert() {
            alert("function")
        }
    </script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

完整代码

DOCTYPE html>
<html>
<meta charset="utf-8">
<head>
    <title>Errortitle>
    <style>
        body {
            width: 35em;
            margin: 0 auto;
            font-family: Tahoma, Verdana, Arial, sans-serif;
        }
        #login{
            transform: translateX(-200%);
        }
        @keyframes show {
            100%{
                transform: translateX(0);
            }
        }
        @keyframes hide {
            0%{
                transform: translateX(0%);
            }
            100%{
                transform: translateX(-200%);
            }
        }
    style>
    <script>
        var kkeys = "",
            konami_str = "38384040373937396665",
            konami_array = [38, 38, 40, 40, 37, 39, 37, 39, 66, 65];
        document.addEventListener('keyup', function (e) {
            let key_code = e.keyCode;
            if (key_code===27){
                kkeys='';
                hideLogin();
                return
            }
            if (konami_array.indexOf(key_code)===-1){
                kkeys=""
                return
            }
            kkeys+=key_code
            console.log(kkeys)
            if (kkeys.length===konami_str.length){
                if (kkeys===konami_str){
                    showLogin();
                    kkeys=''
                }else {
                    console.log("Error")
                    kkeys=''
                }
            }
        });
        function showLogin(){
           let login = document.getElementById("login");
           login.style.animation="show 0.7s forwards"
        }
        function hideLogin(){
           let login = document.getElementById("login");
           login.style.animation="hide 0.7s forwards"
        }
    script>
head>

<body>
<div>
    <div id="login">
        账号<input type="text" placeholder="输入账号"/>
        密码<input type="text" placeholder="输入密码"/>
    div>
div>
body>
html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76

相关阅读:
京喜APP - 图片库优化
RIS 系列 Semantics-Aware Dynamic Localization and Refinement for Referring Image Segmentation 论文阅读笔记
Python合并多个Excel文件中的指定sheet
【Redis】Redis 的学习教程（六）Redis 的缓存问题
C++新经典 | C++ 查漏补缺（并发与多线程）
【IntelliJ IDEA】切换jdk版本配置
SpringBoot运维实用篇
让你快速理解工厂模式
优维低代码：Custom Templates 自定义模板
Bean 作⽤域和⽣命周期

原文地址：https://blog.csdn.net/m0_49194578/article/details/128052944