javascript - 将鼠标悬停在链接上时如何淡入内容？

Question

当鼠标悬停在链接上时，我试图让内容淡入或出现在我的博客上。例如，在我的博客上 http://www.ricardopomalaza.com/ ，如果有人将鼠标悬停在“主页”或“关于”等页面链接之一上，我希望内容显示在它们下方，而无需实际点击它们到达那里。这可能吗？我是网页设计的新手。您的帮助将不胜感激，谢谢。 - 瑞克

Answer 1

怎么样:

$(document).ready(function()
{
    $(".navigation a").hover(function()
    {
        var href=$(this).attr("href");
        $("#content").fadeOut("fast", function()
        {
            $("#content").empty();
            $("#content").load(href+" #content", function()
            {
                $("#content").fadeIn("fast");
            });
        });            
    },
    function(){});    
});

当然，你需要有 jquery。

这会淡出内容区域，加载新内​​容，然后淡入。