jquery - 如何使用 jQuery 或 CSS 实现这种效果？

Question

是否可以在点击时切换 HTML？

我有一个带有大图像的索引页。图片下方有四个链接。当光标在链接上滚动时，我希望出现一个小工具提示。如果用户单击链接，我希望更改大图像并在其上显示一些额外的 HTML(只是一个小内容框)。

我想我已经使用 jQuery 弄清楚了工具提示，但我不确定如何更改图像并在其上添加一个小内容框。

提前谢谢大家。

Answer 1

考虑这个片段:

$("#someLinkID").click(function() {
    $("#someImageID").attr("src","newimage.jpg");
    $("#someContentDiv").show();
});

语法可能不对，我已经几个月没有使用 jQuery，但你明白了。基本上，您将点击处理程序附加到链接，当处理程序被触发时，您可以动态地将图像标签的 src 属性更改为您想要的任何图像，同时您可以显示您定位的 div提前将可见性设置为隐藏的图像。