单击淡出图像的链接+淡出文本

Question

我一直在研究这个问题几个小时，我无法使用我的编码。

以下是我目前的情况：http://brynntweeddale.com/

我希望能够将ABOUT变成链接并单击它以用文本替换图像，最好是图像淡出和文本淡入。

我希望能够通过每个链接执行此操作。我一直在网站上看到这个，但我无法弄清楚！我也是新手。

提前致谢。

Answer 1

听起来你需要使用jQuery。 jQuery是一个Javascript库，让您可以非常轻松地完成动画之类的操作。使用jQuery，您可以执行以下操作：

$("#about-link").click(function() { //when "about-link" is clicked, call this function

    $(this).fadeOut(500, function() { //fade out for 500ms, then call this function

        $("#about-paragraph").fadeIn(500);  //fade in the paragraph for 500 ms

    });

});

您可以在javascript here上找到完整的jQuery文档here和初学者教程（如果需要）。