zoukankan      html  css  js  c++  java
  • mouseenter与mouseover

    不论鼠标指针穿过被选元素或其子元素,都会触发 mouseover 事件。对应mouseout
    只有在鼠标指针穿过被选元素时,才会触发 mouseenter 事件。对应mouseleave

    之前一直以为mouseover就够啦,今天用了animate事件配合使用才发现问题

    <div class="dropdown language">
    <a href="javascript:;" class="btn btn-default">CH</a>
    <ul>
    <li><a href="#">CH</a></li>
    <li><a href="#">EN</a></li>
    </ul>
    </div>

    $('.mynav .language').mouseover(function(){
    $('.mynav .language').find('ul').fadeIn()
    })
    $('.mynav .language').mouseout(function(){
    $('.mynav .language').find('ul').fadeOut();
    });

    使用mouseover和mouseout时当鼠标滑过ul 下的a时会闪烁三次,因为事件冒泡,动画形成队列

  • 相关阅读:
    ElasticSearch-生命周期管理
    Alpha 冲刺五
    Alpha 冲刺四
    Alpha 冲刺三
    Alpha 冲刺二
    Alpha 冲刺一
    测试随笔
    校友录
    项目需求分析(淘校)
    团队选题报告(淘校)
  • 原文地址:https://www.cnblogs.com/obeing/p/5182327.html
Copyright © 2011-2022 走看看