我只想显示固定在屏幕底部的菜单短语“音乐、时事通讯、联系人”。在悬停时,我希望它们向上滑动并显示隐藏的内容。这正是我的意思:
请参阅屏幕底部。任何人都知道这将如何实现?谢谢。
附言还有,有谁知道那是什么型号的MP3播放器吗?
最佳答案
将隐藏的内容放入一个 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');
});
关于javascript - Jquery 菜单悬停时从屏幕底部向上滑动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6539835/