人生边上寻觅 2017-09-12 01:48 采纳率: 0%
浏览 1553

如何用js和css实现两个div之间的互联操作

这是假设图

#如上图的div1 和div 2两个块是相互独立的,div2的初始状态是不显示,display为none,
,当鼠标移动到div1元素中时,div2显示。但是当鼠标离开div1并且不进入div2时,div2消失。
如果鼠标离开div1进入div2,div2保持显示状态。如果鼠标离开div2,进入div1,div2继续显示。如果鼠标离开div2并且不进入div1,div2消失。

  • 写回答

5条回答

  • ___紫菜 2017-09-12 02:18
    关注
                <div id="xiao" style="width:30px;height: 20px;margin: 0 auto;border:1px black solid">
    
                </div>
                <div id="da" style="width:300px;height: 200px;margin: 0 auto;display: none;border:1px black solid">
    
                </div>
    
                $("#xiao,#da").bind("mouseover",function () {
            $("#da").css({"display":"block"});
        }).bind("mouseout",function () {
            $("#da").css({"display":"none"});
        });
    
    评论

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题