当前位置：文江博客话题详情

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

发布于 2024-09-01 22:03:32 字数 200 浏览 3 评论 0原文

是否可以通过点击切换 HTML？

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

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

预先感谢大家。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

云朵有点甜 2024-09-08 22:03:33

在我看来，您可能需要一个内容滑块...查看这个25 个不同的列表。

回复收藏 0 原文

恏ㄋ傷疤忘ㄋ疼 2024-09-08 22:03:32

考虑这个片段：

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

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

Consider this snippet:

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

The syntax might be off, i haven't used jQuery in a few months, but you get the idea. Basically, you attach a click handler to the link, and when the handler is fired, you can dynamically change the src attribute of the image tag to whatever image you want, and at the same time you can show a div that you have positioned over the image ahead of time with its visibility set to hidden.

回复收藏 0 原文