如何使用jQuery或CSS实现此效果？

Question

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

我有一个包含大图像的索引页面。在图像下有四个链接。当光标滚过链接时，我想要一个小的工具提示出现。如果用户点击链接，我希望更改大图像，并在其上显示一些额外的HTML（只是一个小内容框）。

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

先谢谢大家。

Answer 1

请考虑以下代码段：

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

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

Answer 2

Tabtastic是一个很好的，可访问的，优雅降级的实现。

Answer 3

听起来你可能想要一个内容滑块...查看25个不同的this list。