一个关于css的小问题

gudamzero 2006-10-23 06:20:09
我建了一个菜单
<div class="menu">
<ul>
<li><a href="Default.aspx">目录1</a>
<ul>
<li><a href="index.aspx" title="主页">主页</a></li>
<li><a href="pconline.com.cn" title="太平洋电脑网">太平洋电脑网</a></li>
</ul>
</li>
<li><a href="Default.aspx">目录2</a>
<ul>
<li><a href="index.aspx">主页</a></li>
<li><a href="pconline.com.cn">太平洋电脑网</a></li>
</ul>
</li>
<li><a href="Default.aspx">目录3</a>
<ul>
<li><a href="index.aspx">主页</a></li>
<li><a href="pconline.com.cn">太平洋电脑网</a></li>
</ul>
</li>
</ul>
</div>
我在css里面设置
.menu ul li ul
{
display:none;//隐藏菜单
}

我要怎么样才可以在鼠标停在目录1,目录2,目录3的时候显示菜单?
...全文
85 3 打赏 收藏 举报
写回复
3 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
gudamzero 2006-10-23
  • 打赏
  • 举报
回复
我指的是css怎么设置?下面是我看别人设置的,但是不太明白是什么意思
.menu ul li:hover ul {
display:block;
position:absolute;
top:31px;
left:0;
width:105px;
}

.menu ul li a.hide, .menu ul li a:visited.hide {
display:none;
}

.menu ul li a:hover ul li a:hover {
background:#dfc184;
color:#000;
}
avisnet 2006-10-23
  • 打赏
  • 举报
回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>Untitled Page</title>
<script type="text/javascript">
function show(id) {
var v = document.getElementById(id);
if(v.style.display == '')
v.style.display = 'none';
else
v.style.display = '';
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div class="menu">
<ul>
<li><a href="Default.aspx" onmouseenter="show('d1')" onmouseleave="show('d1')">目录1</a>
<ul id="d1" style="display:none">
<li><a href="index.aspx" title="主页">主页</a></li>
<li><a href="pconline.com.cn" title="太平洋电脑网">太平洋电脑网</a></li>
</ul>
</li>
<li><a href="Default.aspx" onmouseenter="show('d2')" onmouseleave="show('d2')">目录2</a>
<ul id="d2" style="display:none">
<li><a href="index.aspx">主页</a></li>
<li><a href="pconline.com.cn">太平洋电脑网</a></li>
</ul>
</li>
<li><a href="Default.aspx" onmouseenter="show('d3')" onmouseleave="show('d3')">目录3</a>
<ul id="d3" style="display:none">
<li><a href="index.aspx">主页</a></li>
<li><a href="pconline.com.cn">太平洋电脑网</a></li>
</ul>
</li>
</ul>
</div>

</form>
</body>
</html>

测试过的,没问题。
gudamzero 2006-10-23
  • 打赏
  • 举报
回复
自己顶一下
发帖
.NET社区

6.1w+

社区成员

.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
帖子事件
创建了帖子
2006-10-23 06:20
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。