为了账号安全,请及时绑定邮箱和手机立即绑定

div的onmouseover 和 onmouserout 事件

div的onmouseover 和 onmouserout 事件

慕哥6287543 2018-08-09 10:10:37
有两个不相关联的,但是挨着的div,div1,div2。鼠标移动到div1上面 div2 显示。当鼠标移出div1,但是移动到div2上的时候,div2不隐藏。如果不在div1上,且不在div2上的时候。div2隐藏。
查看完整描述

1 回答

?
三国纷争

TA贡献1804条经验 获得超7个赞

<style>
    div{
        width:100px;
        height:100px;
        background-color: #ccc;
        border:1px solid red;
    }</style><body>
    <div class="div1"></div>
    <div class="div2" style="display: none;"></div></body><script type="text/javascript" src="./jquery.js"></script><script>
    $('.div1,.div2').on('mouseover',function(){
        $('.div2').css('display','block');
    })
    $('.div1,.div2').on('mouseout',function(){
        $('.div2').css('display','none');
    })</script>


查看完整回答
反对 回复 2018-09-09
  • 1 回答
  • 0 关注
  • 907 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信