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

我想在链接悬停时显示某个元素(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 应该是默认行为......那么有什么问题呢？

最佳答案

那么你可以在你的 .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");
    });
});

关于jquery - .animate 不透明度 : show - need display:block; instead of display:inline;，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9571771/