关于鼠标事件触发div的隐藏和出现

最新推荐文章于 2022-02-23 21:20:08 发布

lja123111

最新推荐文章于 2022-02-23 21:20:08 发布

阅读量168

点赞数

文章标签： js

本文链接：https://blog.csdn.net/lja123111/article/details/117785407

版权

本文详细探讨了如何使用JavaScript监听鼠标事件，动态控制Div元素的显示和隐藏状态。通过实例代码，读者可以了解到如何绑定事件监听器以及执行相应的DOM操作。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

</head>
<body>
    <div>
        <a href="" id="a2">购物车 <span>（0）</span></a>
    </div>
    <div id="gw" style="display:none;">
        <img src="gwc.PNG" alt="">
    </div>
</body>
<script>
    var a2 =document.getElementById("a2");
    var gw=document.getElementById("gw");
    var timer=null;
    function open2(){
        clearTimeout(timer);
        gw.style.display="block";
    }
    function close2(){
        timer&

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lja123111

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于鼠标事件触发div的隐藏和出现

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
复制链接

扫一扫