触发显示和隐藏 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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • idea web项目 怎么配置 artifacts_springmvc配置视频

    idea web项目 怎么配置 artifacts_springmvc配置视频先去下载:http://code.google.com/p/kindeditor/downloads/list引用:LitJSON.dll文件<scriptsrc=”~/kindeditor/kindeditor.js”></script>@ViewBag.content编辑的时候使用<textareaname=”TextArea1″…

    2022年8月31日
    4
  • leetcode 回溯算法_java生成带括号的算术题

    leetcode 回溯算法_java生成带括号的算术题原题链接数字 n 代表生成括号的对数,请你设计一个函数,用于能够生成所有可能的并且 有效的 括号组合。示例 1:输入:n = 3输出:[“((()))”,”(()())”,”(())()”,”()(())”,”()()()”]示例 2:输入:n = 1输出:[“()”] 提示:1 <= n <= 8题解回溯class Solution {public: vector<string>res; string t = “”; voi

    2022年8月8日
    9
  • 这2个PDF转Word免费不限页数工具很多人没用过

    这2个PDF转Word免费不限页数工具很多人没用过很多人在搜索下载过PDF转换器的小伙伴都会有一个灵魂拷问:难道就没有免费还没页数限制的PDF转Word的工具吗?小编经过不断的对比和试用,找到以下两款好用免费的工具,相信总有一个你能用上。一、PDF转换器相信了解PDF这种文档格式设计由来的人对于Adobe肯定不陌生,所以首先要说的PDF转换工具就是AdobePDF,下载安装后打开软件,直接将PDF拖到软件页面打开即可,然后点击左上角“文件”中的“另存为其他”,选择我们需要转换成的Word格式就可以了。或者点击右侧“工具”选项中的“将文件导出为”并

    2022年4月27日
    96
  • 分布式事务解决方案之TCC(Hmily)「建议收藏」

    分布式事务解决方案之TCC(Hmily)「建议收藏」1什么是TCC事务TCC是Try、Confirm、Cancel三个词语的缩写,TCC要求每个分支事务实现三个操作:预处理Try、确认Confirm、撤销Cancel。Try操作做业务检查及资源预留,Confirm做业务确认操作,Cancel实现一个与Try相反的操作即回滚操作。TM首先发起所有的分支事务的try操作,任何一个分支事务的try操作执行失败,TM将会发起所有分支事务的Cancel操作,若try操作全部成功,TM将会发起所有分支事务的Confirm操作,其中Confirm/Cancel操作若执

    2022年5月11日
    39
  • 英语固定搭配网站

    英语固定搭配网站https linggle com

    2025年10月6日
    3
  • Android 时钟TextClock 使用及源码分析

    Android 时钟TextClock 使用及源码分析TextClock可以将当前日期和/或时间显示为格式化字符串。

    2022年9月26日
    2

发表回复

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

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