亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

關于兩個div的顯示與掩藏

關于兩個div的顯示與掩藏

largeQ 2018-08-13 10:09:13
首先，兩個div是兄弟關系，分別是div1和div2；我想當我鼠標移到div1時：div1掩藏，div2顯示；當鼠標離開div2時：div1顯示，div2掩藏；div2里面有一個<ul>。以下是我的布局,但是無法實現想要的效果，每次鼠標停在<li>的范圍里就能實現效果，一旦移到每個li之間的間隙時，div2就掩藏了，但是還沒離開div2的范圍，請問這是為什么？希望各位路過大神解答。。
查看完整描述

1 回答

?
ITMISS

TA貢獻1871條經驗 獲得超8個贊

<style>

  .btn-slide-right li {width:200px;height:50px;border:1px solid   red;margin-top:10px;}

</style>


<div class = "btn-slide-hover" style = "position:fixed;top:300px; right:0; width:20px;height:200px;

background-color:#dcdfdf;border-right:none;"></div>


<div class = "btn-slide-right" style = "position:fixed;right:0; display:none; border:1px solid red;width:100px;height:200px;z-index:9999;top:300px;">

    <ul class = "ul">

        <li></li>

        <li></li>

        <li></li>

    </ul>

</div>



<script>

    $(".btn-slide-hover").hover(function(){

        $(".btn-slide-right").show(500);

        $(this).hide();

    });

    $(".btn-slide-right").mouseleave(function(){

        $(".btn-slide-hover").show(500);

        $(this).hide();

    })

</script>

把mouseout換成mouseleave就好了（雖然我也是新手，但我同事要是像你那樣寫代碼，我會想掐死他）


查看完整回答
反對 回復 2018-09-23
  • 1 回答
  • 0 關注
  • 525 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號