gpt4 book ai didi

javascript - 在 jquery 中显示带有基本鼠标悬停事件的菜单

转载 作者:太空宇宙 更新时间:2023-11-04 05:12:51 25 4
gpt4 key购买 nike

我想在鼠标悬停在主要元素上时显示菜单项列表,同时隐藏之前显示的元素。但效果并没有变得有效。我想下面的 jquery 代码不适合做我想做的事情。谢谢。

<html>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).read(function(){
$("MainMNItem:not(:first)").hide();
$("MainMNItem a").mouseover(function()
{
$("Item:visible").slideUp("slow");
$(this).parent().next().slideDown("slow");
});
});
</script>
<style>
body{font-family:"Times New Roman"; font-size:16px;}
Menu{width:330px;}
Item a{color:#000;}
Item{margin:0;}
MainMNItem{background:#f11;font-size:18px;padding:5px;width:330px;}
MainMNItem a{color:#fff;}
ul{list-style:none;padding:5px;}
</style>
</head>
<body>
<Menu>
<MainMNItem><a href="#">Home</a></MainMNItem>
<Item>
<ul>
<li><a href="#">Index</a></li>
<li><a href="#">Documents</a></li>
</ul>
</Item>
<MainMNItem><a href="#">About Us</a></MainMNItem>
<Item>
<ul>
<li><a href="#">History</a></li>
<li><a href="#">Contact</a></li>
</ul>
</Item>
</Menu>
</body>
</html>

最佳答案

首先应该是$(文档).ready(函数(){
...
});
不是 read()。如果您需要任何帮助,请给出更好和更准确的解释!!

关于javascript - 在 jquery 中显示带有基本鼠标悬停事件的菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8909640/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com