二维码显示和隐藏

userMeiName

于 2019-05-06 23:30:19 发布

阅读量1k

点赞数

本文链接：https://blog.youkuaiyun.com/weixin_43608739/article/details/89893937

版权

本文探讨了二维码在各种场景中的应用，并详细讲解如何在应用程序中实现二维码的动态显示和隐藏功能，包括生成二维码、加载数据以及通过用户交互控制显示状态的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

  <style>
        .nodesmall {
            width: 50px;
            height: 50px;
            background: url("img/bgs.png") no-repeat -220px -51px;
            position: fixed;
            right: 10px;
            top: 20%;
        }
        .nodesmall a {
            display: block;
            width: 50px;
            height: 50px;
        }
        .erweima {
            position: absolute;
            right: 50px;
            top: -40px;
        }
        .show {
            display: block;
        }
        .hide {
        display: none;
        }
    </style>
</head>
<body>
    <div class="nodesmall" id="node_small">
        <a href="#"></a>
        <div class="erweima hide" id="er">
            <img src="img/big_er.png" alt="">
        </div>
    </div>

    <script src="learn2.js"></script>
    <script>
        var aObjs = my$("node_small").getElementsByTagName("a")[0];
        aObjs.onmouseover = function () {
            my$("er").className = "erweima show";
        };
        aObjs.onmouseout = function () {
            my$("er").className = "erweima hide";
        };

    </script>
</body>