Javascript 将鼠标悬停在文本上以显示图像

我得到了一个文本的代码，当你把鼠标悬停在上面时，它会显示一个图像

但是我需要它来处理多个文本，它们都显示不同的图像（在同一区域）。 像这样：

这是我的代码：

<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(function() {
$("#Clicker").hover(function(){
$( "#wallpaperamIMage" ).toggle();
});
});</script>
<b id="Clicker" style="color:blue;text-decoration:underline;cursor:pointer;">Altijd doorschakelen</b>
<div><img id="wallpaperamIMage" style="display:none;" src="http://cdn.mobilesupportware.com/ml/3494895.png"></div>

$（函数（）{
$（“#Clicker”）。悬停（函数（）{
$（“#壁纸图像”）.toggle（）；
});
});
阿尔蒂吉德·多斯凯伦

我该怎么做

谢谢。

这应该很好：

$（函数（）{
$（“.Clicker”）.hover（函数（）{
$（“#壁纸图像”）.attr（“src”，$（this.data（“img”））
$（“#壁纸图像”）.toggle（）；
});
});

阿尔蒂吉德·多斯凯伦
阿尔蒂吉德·多斯凯伦
您也可以使用
css


a{
显示：内联块；
}
a+img{
显示：无；
位置：绝对位置；
顶部：30px；
}
a:悬停+img{
显示：块；
}