Question

当鼠标悬停在一个链接上并创建简单的菜单头时，我为show div创建了简单的代码，这个想法是通过链接向我展示一个div然后我可以查看这个div并选择我想要它，但实际上我什么都不能选择，因为如果我没有超过链接，div会一直隐藏

我的代码是这样的：

<style>
#menu_content_head
{
top:125px;
position:absolute;
width:200px;
min-height:100px;
height:auto;
border:1px solid #000000;
background-color:green;
}
</style>


<script>
function menu_head(id)
{

$(document).ready(function() {

$("#h1").hover(function () {
$(".head_m_1").show( "slide", {direction: "up" }, 2000 );
});

$("#h1").mouseout(function () {

$(".head_m_1").hide( "slide", {direction: "up" }, 2000 );
});


});


}
</script>


<div id="web_header_menu_boton">
<a href="#" onmouseover="menu_head('head_m_1');" id="h1">Menu 1</a>
</div>


<div id="menu_content_head" style="display:none;" class="head_m_1">Content 1</div>

JS Fiddle reproduction of posted-code

问题：

1）动画重复1次，我不知道为什么.....我使用stop（），但没有工作我 2）当我浏览链接时，在第一时刻没有告诉我show div的效果，我需要在其他时间浏览链接 3）当我通过链接时，div隐藏内容，我无法在div节目中选择任何内容

我需要解决的3件事，我尝试但我不知道如何做到这一点，不需要更多这方面，不需要复杂的菜单或插件

感谢您的帮助，问候!!!

Answer 1

试试这个fiddle

$(document).ready(function() {

    $("#h1").hover(function() {
        $(".head_m_1").show(2000);
    });

    $("#h1").mouseout(function() {

        $(".head_m_1").hide(2000);
    });
});

首先，您根本不需要HTML或menu_head函数中的鼠标悬停处理程序。其次，.show()或hide()没有重载这些参数。查看docs。

也许您正在寻找.slideUp()和它的合作伙伴.slideDown？

菜单Jquery但没有工作我

1 个答案: