鼠标放上后 会自动显示下级目录，这种用html可以实现吗？ 20
5个回答
展开全部
这个可以实现 ， 用css的hover方法显示。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以的！使用JS操作Css对象里面的display属性就可以了
CSS初始display=none, onmouseout操作display=block,onmouseover操作display=none
CSS初始display=none, onmouseout操作display=block,onmouseover操作display=none
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
呵呵 可以啊 你用div装下级目录，将div的display属性为none（display:none;） 鼠标放上去去后 用js更改属性display:block;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
是的，您可以使用HTML和CSS来实现鼠标悬停时显示下级目录的效果。一种常见的实现方式是使用CSS中的`display: none`和`display: block`属性来控制子菜单的显隐状态，然后使用CSS中的:hover伪类选择器来响应鼠标悬停触发的事件。
以下是一个示例HTML代码，它使用了CSS来实现悬停显示下级菜单的效果：
```html
<!DOCTYPE html>
<html>
<head>
<title>悬停显示下级菜单</title>
<style>
/* 隐藏子菜单 */
.sub-menu {
display: none;
}
/* 鼠标悬停时显示子菜单 */
.menu-item:hover .sub-menu {
display: block;
}
</style>
</head>
<body>
<ul>
<li class="menu-item">菜单项1
<ul class="sub-menu">
<li>子菜单项1</li>
<li>子菜单项2</li>
<li>子菜单项3</li>
</ul>
</li>
<li class="menu-item">菜单项2
<ul class="sub-menu">
<li>子菜单项1</li>
<li>子菜单项2</li>
<li>子菜单项3</li>
</ul>
</li>
<li class="menu-item">菜单项3
<ul class="sub-menu">
<li>子菜单项1</li>
<li>子菜单项2</li>
<li>子菜单项3</li>
</ul>
</li>
</ul>
</body>
</html>
```
在这个示例中，我们首先使用CSS将子菜单的`display`属性设置为`none`，以便默认情况下隐藏它们。然后，在每个菜单项中添加`sub-menu`类的`ul`元素，它包含了子菜单项。最后，我们使用CSS中的`:hover`伪类选择器来检测鼠标悬停事件，并设置相应菜单项中的`sub-menu`类的`display`属性为`block`以显示子菜单项。
您可以根据需要修改CSS的样式和HTML的结构来实现您所需的效果。
以下是一个示例HTML代码，它使用了CSS来实现悬停显示下级菜单的效果：
```html
<!DOCTYPE html>
<html>
<head>
<title>悬停显示下级菜单</title>
<style>
/* 隐藏子菜单 */
.sub-menu {
display: none;
}
/* 鼠标悬停时显示子菜单 */
.menu-item:hover .sub-menu {
display: block;
}
</style>
</head>
<body>
<ul>
<li class="menu-item">菜单项1
<ul class="sub-menu">
<li>子菜单项1</li>
<li>子菜单项2</li>
<li>子菜单项3</li>
</ul>
</li>
<li class="menu-item">菜单项2
<ul class="sub-menu">
<li>子菜单项1</li>
<li>子菜单项2</li>
<li>子菜单项3</li>
</ul>
</li>
<li class="menu-item">菜单项3
<ul class="sub-menu">
<li>子菜单项1</li>
<li>子菜单项2</li>
<li>子菜单项3</li>
</ul>
</li>
</ul>
</body>
</html>
```
在这个示例中，我们首先使用CSS将子菜单的`display`属性设置为`none`，以便默认情况下隐藏它们。然后，在每个菜单项中添加`sub-menu`类的`ul`元素，它包含了子菜单项。最后，我们使用CSS中的`:hover`伪类选择器来检测鼠标悬停事件，并设置相应菜单项中的`sub-menu`类的`display`属性为`block`以显示子菜单项。
您可以根据需要修改CSS的样式和HTML的结构来实现您所需的效果。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
