Question

有没有人知道jquery插件或简单的javascript，它可以让我根据我用鼠标悬停的文本链接更改图像。

图像固定在一个位置，链接显示在下方。当我将鼠标悬停在链接列表中时，上面的图像会发生变化。有什么想法吗？

先谢谢

Answer 1

您不需要插件。使用简单的jQuery / javascript代码即可实现此目的。

试试这个。

假设像这样的简单标记

<img id="imgContainer" src="" />
<a href="image.png">Mouse over on me</a>

Js脚本

$("a").mouseover(function(){
    $("#imgContainer").attr("src", $(this).attr("href"));
});

Answer 2

我认为OP需要文本链接和常用图像。我可能错了。

使用

等链接列表

我认为

<a href="location to go to here"
    onmouseover="document.NAME.src='picture for this link'"
    onmouseout ="document.NAME.src='orig-picture'">
link text
</a>

常见的图像是

<img name=NAME src='orig-picture'>

可以通过任意数量的链接进行更改。

编辑：这是你想要做的吗？

http://momarda.brinkster.net/simple_image_swap.asp

在鼠标悬停链接上寻找图像更改

2 个答案: