Question

我正在尝试像往常一样超出我的深度的东西！我正在尝试为我的新网站制作导航，当用户将鼠标悬停在另一个div上时，它应该向下滑动。另一个div会有一个类似于“菜单”的图形。当我将鼠标悬停在“其他”div或菜单div上时，我需要导航才能保持打开状态。到目前为止，我有它的工作，但在div上菜单在里面，这不是真正正确的事情。

有没有办法将这两个div绑定在一起或类似的东西？希望我在JQuery上更好！

My site is here if you would like to take a peek。白色div表示用户将悬停以打开菜单的div。

欢迎任何帮助，谢谢：D

Answer 1

这是一个工作小提琴：http://jsfiddle.net/maniator/dpBBp/

这是更新的js：

$('.menu_button').hover(function() {
    $('#nav').slideDown();
}, function() {
    $('#nav').slideUp();
})

请参阅小提琴中的html。

Answer 2

容纳div中的所有元素并定位div。像这样：

<ul>
    <li>
        <a href='#'>Nav Item</a>
        <div style='display:none;'>
            <ul>
                <li>Sub nav 1</li>
            </ul>
        </div>

    </li>

</ul>

<script>
$("ul > li").hover(function(){
    //on roll over
}, function(){
    //on roll out
});
</script>

在您网站的旁注上，您应该使用精灵作为背景图像并在悬停时切换背景位置，当您翻转元素时，它将摆脱跳跃。

JQuery - 保持div处于动画状态，同时盘旋在不同的div上？

2 个答案: