js小广告

最新推荐文章于 2025-11-29 13:42:57 发布

原创最新推荐文章于 2025-11-29 13:42:57 发布 · 160 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文展示了一个关于程序开发人员日常生活的有趣视角，通过一个简单的网页元素，即一个可以显示和隐藏的弹出窗口，来反映程序员的工作状态。这个弹窗包含一个关闭按钮和一行文本，当点击关闭按钮后，弹窗会暂时消失并在一秒钟后再次出现，象征着程序员在面对重复任务和挑战时的‘跑路’心态。

<style>
        #advise {
            width: 425px;
            height: 439px;
            background: url(img/2.gif) 425px 439px;
            position: relative;
        }

        #btn {
            width: 0px;
            height: 0px;
            background-color: transparent;
            float: right;
            border: 0px;
        }

        #h {
            position: absolute;
            top: 400px;
            left: 150px;
        }
    </style>

<div id='advise'>
        <button id='btn'>×</button>
        <h4 id='h'>程序猿的跑路日常</h4>
    </div>
    <script>
        btn.onclick = function () {
            advise.style.display = 'none';
            setTimeout(function () {
                advise.style.display = 'block';
            }, 1000)
        }
    </script>