Home > Web Front-end > HTML Tutorial > 没等移到二级菜单就消失了_html/css_WEB-ITnose

没等移到二级菜单就消失了_html/css_WEB-ITnose

WBOY
Release: 2016-06-21 09:36:00
Original
1811 people have browsed it

想实现二级菜单,
在CSS中有;
#templatemo_left_link
{
margin-top:0px;
margin-left:25px;
line-height:33px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
}


#templatemo_left_link ul
{
width:70px;
list-style:none;
line-height:33px;
margin:0;
padding:0;
}

#templatemo_left_link ul li
{
position:relative;

display:block;
}

#templatemo_left_link ul li ul
{
display:none;
position:absolute;
width:70px;
float:left;
margin:0;
padding:0;
left:68px;
top:0px;
text-align:left;
list-style-type:none;
border:1px solid rgb(170,170,170);
background-color:rgb(238,238,238);
line-height:28px;
z-index:100;

}

#templatemo_left_link ul li ul li
{
float:left;
margin:0;
padding:0;
width:68px;
text-align:left;
border-bottom:1px solid rgb(204,204,204);
border-top:1px solid rgb(255,255,255);
}

在HTML中有:
<script> <br /> <br /> function showUL(ulId) <br /> { <br /> //alert(ulId); <br /> document.getElementById(ulId).style.display = "block"; <br /> //alert("s"); <br /> } <br /> <br /> function hiddenUL(ulId) <br /> { <br /> document.getElementById(ulId).style.display = "none"; <br /> } <br /> </script>
...

        

                

  •                 主页

                 

  •              

  •                 中心概况

                      

                             
    • 中心简介

    •                        
    • 领导致辞

    •                    

                  

  •               

  •                   科研方向

                  

  •               ...
            


可是现在发现鼠标放在“中心概况”上时可以出现二级菜单“中心简介”和“领导致辞”,但是鼠标一移动,还没等移动到二级菜单“中心简介”和“领导致辞“上面,二级菜单就小时了,请问这是为什么,该如何解决


回复讨论(解决方案)

不知道是不是你的a元素没有高度和宽度,所以默认只有字体那么大,而你的li比a大,你的时间监听在a元素上面,所以离开字体的时候就不算是out事件了   不知道是否明白?不明白可以加我Q 945332077

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template