jquery - .动画不透明度: show - need display:block; instead of display:inline;

Question

我想在链接悬停时显示某个元素(em)。

我想出了这个(通过在线教程)。

<script type="text/javascript">
$(window).load(function() {
    $("ul.slidebtns li a").hover(function() {
        $(this).next("em").animate({opacity: "show"}, "fast");
    }, function() {
        $(this).next("em").animate({opacity: "hide"}, "fast");
    });
});
</script>

但是 .animate({opacity: "show"} 给了我 display:inline 而不是 display:block - 正如我所读到的那样， display:block 应该是默认行为......那么有什么问题吗？

Answer 1

你可以在 .css 文件或 jQuery 代码中为其添加 css:

$(window).load(function() {
    $("ul.slidebtns li a").hover(function() {
        $(this).next("em").css({ display: "block", opacity: 0 }).animate({ opacity: "show" }, "fast");
    }, function() {
        $(this).next("em").animate({opacity: "hide"}, "fast");
    });
});