触发显示和隐藏 div

触发显示和隐藏 div

大家好,又见面了,我是全栈君。

 

 

 

 

  <script>
            window.onload = function(){
                var oDiv1 = document.getElementById("div1");
                var oDiv2 = document.getElementById("div2");
                var timer = null;
                oDiv1.onmouseover = function () {
                    clearTimeout(timer);
                    oDiv2.style.display = "block";
                }
                oDiv1.onmouseout = function(){
                    timer = setTimeout(function(){
                        oDiv2.style.display = "none";
                    }, 400);
                }
                oDiv2.onmouseover = function(){
                    clearTimeout(timer);
                    this.style.display = "block";
                }
                oDiv2.onmouseout = function(){
                    timer = setTimeout(function() {
                        oDiv2.style.display = "none";
                    }, 400);
                }
            }
        </script>

 

转载于:https://www.cnblogs.com/bingxing/p/7678329.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/108104.html原文链接:https://javaforall.net

(0)
上一篇 2022年3月7日 下午6:00
下一篇 2022年3月7日 下午6:00


相关推荐

  • Matlab机器人工具箱

    Matlab机器人工具箱因为需要用到和机器人相关的东西,就用到了这个工具箱,作者官网http://www.petercorke.com/Robotics_Toolbox.html文章开头有我上传的机器人工具箱链接,有需要的同学可以自行下载。CSDN下载积分不能设置为0,抱歉~没有积分的同学可以去官网下载搞定。老爷子很厉害,那本《Robotics,Vision&Control》就是他本人写的,可…

    2022年4月30日
    58
  • 如何更换tomcat版本

    如何更换tomcat版本eclipse如何更换tomcat版本呢?其实很简单首先选中项目,右键,如图选中tomcat,点击删除按钮,如下图tomcat已经没有了,点击addlibrary…,然后添加serverruntime(tomcat环境),点击next按钮我安装了两个tomcat,选择自己本地需要的tomcat,点击finish按钮tomcat已经添加至项目里,点击ok看,项目里已经换过…

    2022年8月30日
    5
  • netty详解与源码分析

    netty详解与源码分析

    2021年8月4日
    54
  • CLion 2021.4激活码【在线破解激活】

    CLion 2021.4激活码【在线破解激活】,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月16日
    64
  • 50道简单易学的家常菜谱(附图) – 生活至上,美容至尚!

    50道简单易学的家常菜谱(附图) – 生活至上,美容至尚!50 道简单家常菜 让你得意厨房 50P 一 茄汁蘑菇 材料 茄 番茄 茄汁 番茄酱 做法 1 锅中热少量油 加入两大勺番茄酱 小火翻炒 加入白醋 糖 适量水 一点点酱油 勾入薄芡汁 不断翻炒 2 倒入炸好的蘑菇 翻炒均匀 至汤汁浓稠时加入鸡精 香油 出锅 这种做法 再加点辣豆瓣酱 就成了鱼香味了 二 凉拌嫩豆腐 盒装

    2026年3月19日
    2
  • js数组方法大全

    js数组方法大全很早之前就想整明白 JS 到底有多少操作数组的方法 是怎么使用的 今天正好找到了个比较好的总结 分享给大家原文地址 https www cnblogs com obel p 7016414 htmlJavaScri 中创建数组有两种方式 一 使用 Array 构造函数 vararr1 newArray 创建一个空数组 vararr2 newArray 20

    2026年3月18日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号