利用JS为你的网站增加一些彩蛋,网络安全爱好者中心-神域博客网

前言

内容原创（代码纯手敲）

演示

狐狸是通过CSS+JS实现的引用CSS来改变图片大小和位置引用JS来弹出来窗口

当鼠标光标移动到首页的狐狸的时候会弹出来隐藏窗口

当你点击下面的狐狸时候

当你鼠标光标来回移动狐狸图片到一定次数

内容是什么请大家亲自查看！

代码分享

第一个我放在内联代码中

<img src="https://home.godyu.com/1.gif" alt="神" class="yu" onmouseover="alert('恭喜你打开隐藏福利,请把鼠标光标来回移动黑客笔记上的我有福利哦!')">    <strong><span style="font-size:15px">最近更新</span></strong>

第二个外部通过ID引入JS

图片代码：

   <img src="" alt="https://home.godyu.com/1.gif" class="yu" id="godyu">黑客笔记

<body> </body>引入JS代码

<script>
var c=document.getElementById("godyu") 
    var num;
    num = 1;
    c.onmouseover=function(){
       num++
       console.log(num)
       if(num>10)
       {
           alert('你想说的内容')
       }
    }  
    var c=document.getElementById("godyu")
    c.onclick=function()
    {
        alert('请黑客谨记')
    }
</script>

代码是我纯手搓的里面的一些参数大家可以修改~

另外宣传一下CTF

大家可以通过Phpstudy搭建靶场我搭建在内网了