下拉菜单动画卡住了

Drop down menu animation gets stuck

本文关键字：动画 下拉菜单      更新时间：2023-09-26

下拉菜单的动画在应该创建幻灯片效果动画时卡住了

JSFiddle链接:http://jsfiddle.net/uqcLn/73/

这是可能导致问题的css，但它对我的代码是必要的(它使我的网站底部的div's静止)，所以它不能改变。

    #nav ul ul {
    display: none;
    z-index: 1000;
}
  #nav ul li:hover > ul {
    position: absolute;
    display: block;
}

这样你的代码就更有效了

       <div id="top_menu">
  <div id="logo"><a href="index.html"><img src="images/logo.png"></a></div>
    <div id="nav">
      <ul>
        <li class="links_wrapper"><a href="about_us.html" title=" About us">ABOUT US</a>
          <ul class="dropdown">
          <li><a href="#">About us</a></li>
          <li><a href="#">Our Vision</a></li>
          <li><a href="#">Our Technology</a></li>
          <li><a href="#">Our Customers</a></li>
        </ul></li>
        <li class="links_wrapper"><a href="solution.html">SOLUTIONS</a>
        <ul class="dropdown">
          <li><a href="#"> Solutions</a></li>
          <li><a href="#">General Descreption</a></li>
          <li><a href="#">Detailed Descreption</a></li>
        </ul></li>
        <li class="links_wrapper"><a href="customers.html">CUSTOMERS</a>
        <ul class="dropdown">
          <li><a href="#"> Solutions</a></li>
          <li><a href="#">General Descreption</a></li>
          <li><a href="#">Detailed Descreption</a></li>
        </ul></li>
        <li class="links_wrapper"><a href="#">CONTACT US</a>
          <ul class="dropdown">
          <li><a href="#">Solutions</a></li>
          <li><a href="#">General Descreption</a></li>
          <li><a href="#"> Descreption</a></li>
        </ul></li>
    </ul>        
    <div id="login">LOGIN</div>
    <div id="lang_btn"><a href="#">He</a>&nbsp; &nbsp;<a href="#">En</a>
    </div><!--close nav-->
</div><!--top menu-->

您应该不时地在W3C的验证器

中测试您的代码http://validator.w3.org/

相关文章：