javascript - 单击链接并到达特定页面部分时 jQuery 交换 Logo

Question

我正在使用基于 Bootstrap 的布局来构建网站。可以在这里访问:http://ironsummitmedia.github.io/startbootstrap-grayscale/

我使用的是图像，而不是基于文本的 Logo 。单击菜单的一部分时，有什么方法可以将图像与另一个图像交换？例如，当您单击“关于”并滑动到该部分时，我希望 Logo 交换。

谢谢

Answer 1

您可以使用 getElementById(element).src 来更改您正在使用的 Logo 的图像源，如本 jsfiddle 中所示。 (这是一个 javascript 解决方案)。

如果你必须使用 jQuery，你可以使用 .attr() 来改变来源。例如: $(element).attr("src","otherImage.jpg");