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

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

    });

});

你可以在这里找到完整的 jQuery 文档和关于 javascript 的初学者教程（如果你需要的话）。