嘿,如果你要去的话:http://catonthecouchproductions.com/fish/下拉菜单下的那些图像应该被隐藏然后在悬停时出现,到目前为止我有这个:
$(document).ready(function() {
$('.btn-fishing-trip').hover(function() {
$('.fishing-trip').slideDown("slow");
}, function() {
$('.fishing-trip').slideUp("slow");
});
$('.btn-combo').hover(function() {
$('.combo').slideDown("slow");
}, function() {
$('.combo').slideUp("slow");
});
});
但它的行为很奇怪。对我能做什么有什么建议吗?我认为一旦上升,其他幻灯片就会取代它的位置。我应该使用 animate() 而不是 slipDown 吗?
最佳答案
尝试分别使用 .slideDown()
和 .slideUp()
来代替:
$(yourElementHere).stop().animate({ top: "20px", opacity: "1" }, 500, "swing");
和
$(yourElementHere).stop().animate({ top: "-180px", opacity: "0" }, 500, "swing");
关于jQuery 下拉菜单 - CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/602553/