如何在HTML里面实现鼠标划上去导航出现下拉菜单呢？或者说用js插件如何调用？
1个回答
展开全部
这个用jQuery就的toggle函数可以实现。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="
>
<style>
.main
{
list-style: none;
float: left;
margin-left: 20px;
}
.main li
{
list-style: none;
text-align: left;
margin-left: -40px;
}
.main ul
{
display: none;
}
.main a
{
text-decoration: none;
}
.main li a
{
text-decoration: none;
}
</style>
</head>
<body>
<ul id="uid">
<li class="main"><a href="#">菜单一</a>
<ul>
<li><a href="#">子菜单</a></li>
<li><a href="#">子菜单</a></li>
<li><a href="#">子菜单</a></li>
</ul>
</li>
<li class="main"><a href="#">菜单二</a>
<ul>
<li><a href="#">子菜单</a></li>
<li><a href="#">子菜单</a></li>
<li><a href="#">子菜单</a></li>
</ul>
</li>
<li class="main"><a href="#">菜单三</a>
<ul>
<li><a href="#">子菜单</a></li>
<li><a href="#">子菜单</a></li>
<li><a href="#">子菜单</a></li>
</ul>
</li>
</ul>
</body>
<script >
$(document).ready(
function () {
$(".main").hover(function () {
$(this).children("ul").toggle();
})
}
)
</script>
</html>
更多追问追答
追问
就这样就可以了吗？
追答
嗯
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
