onmouseover事件显示隐藏二维码

最新推荐文章于 2022-10-02 17:20:55 发布

zuo_zuo_blog

最新推荐文章于 2022-10-02 17:20:55 发布

阅读量304

点赞数

分类专栏：ＪａｖａＳｃｒｉｐｔ

本文链接：https://blog.csdn.net/zuo_zuo_blog/article/details/89060688

版权

ＪａｖａＳｃｒｉｐｔ专栏收录该内容

105 篇文章 2 订阅

订阅专栏

1.二维码鼠标滑过事件onmouseover，onmouseout
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .nodeSmall{
            width: 50px;
            height:50px;
            background: url(3.jpg) no-repeat -159px -51px;
            position:fixed ;
            right:10px;
            top:40%;
        }
        .erweima{
            position: absolute;
            top:0;
            left: -250px;
        }
        .nodeSmall a{
            display: block;
            width: 350px;
            height: 50px;
        }
        .hide{
            display: none;
        }
        .show{
            display: block;
        }
    </style>
    <script>
        window.function () {
            var a=document.getElementsByTagName("a")[0];
            var div=document.getElementsByClassName("erweima")[0];
            a.function () {
               div.className="erweima show";
                //字符串操作
                /*div.className=div.className.replace("hide","show");*/
            }
            a.function () {
                div.className="erweima hide";
            }
        }
    </script>
</head>
<body>
        <div class="nodeSmall" id="node_small">
                <a href="#"></a>
                <div class="erweima hide " id="er">
                    <img src="3.jpg" style="height: 200px;width: 200px;" alt="">
                </div>
        </div>
</body>
</html>

zuo_zuo_blog

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
onmouseover事件显示隐藏二维码

1.二维码鼠标滑过事件onmouseover，onmouseout<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .nodeSmall{...
复制链接

扫一扫