在悬停时,Jquery菜单从屏幕底部向上滑动

Question

我想只显示固定在屏幕底部的菜单短语"音乐,时事通讯,联系人".在悬停时,我希望它们向上滑动并显示隐藏的内容.这就是我的意思:

http://sorendahljeppesen.dk/

请参见屏幕底部.有谁知道如何实现这一目标？谢谢.

PS也有人知道什么类型的MP3播放器是什么？

Answer 1

将您隐藏的内容放入div中;

<div class="hiddenContent">...</div>

然后在页面底部给出你的链接,如;

<a href="#" class="bottomLink">Music</a>

然后告诉Jquery在您将鼠标悬停在链接上时显示隐藏的内容;

$('.bottomLink').hover(
    function () {
        // Show hidden content IF it is not already showing
        if($('.hiddenContent').css('display') == 'none') {
            $('.hiddenContent').slideUp('slow');
        }
    },
    function () {
        // Do nothing when mouse leaves the link
        $.noop(); // Do Nothing
    }
);

// Close menu when mouse leaves Hidden Content
$('.hiddenContent').mouseleave(function () {
        $('.hiddenContent').slideDown('slow');
});