视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
没等移到二级菜单就消失了_html/css
2020-11-27 16:32:50 责编:小采
文档


想实现二级菜单,
在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中有:


function showUL(ulId)
{
//alert(ulId);
document.getElementById(ulId).style.display = "block";
//alert("s");
}

function hiddenUL(ulId)
{
document.getElementById(ulId).style.display = "none";
}

...



  • 主页



  • 中心概况


  • 中心简介

  • 领导致辞




  • 科研方向


  • ...


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


    回复讨论(解决方案)

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

    下载本文
    显示全文
    专题