好吧，我有
<ul id="menu">
<li><a href="page1.html" title="" class="small"><img class="large" src="img/image1.jpg" title="" /></a></li>
<li><a href="page2.html" title="" class="small"><img class="large" src="img/image2.jpg" title="" /></a></li>
<li><a href="page3.html" title="" class="small"><img class="large" src="img/image3.jpg" title="" /></a></li>
</ul>
使用 css 样式，menu当其中一个链接悬停时（其余所有的宽度 = 0px），仅显示 (image1.jpg, image2.jpg, image3.jpg) 的一个图像。一切都很完美。我唯一想要的也是在悬停时显示的图像上显示一些文本（评论）。每张图片都有不同的评论。每个评论都在 之外<ul id="menu">，它显示在页面的另一部分。例如，对于每个图像，跨度如下：
<span class="span_ny">New York</span>
<span class="span_eu">Europe</span>
<span class="span_oo">Moon</span>
menu如果未悬停来自 的链接，则跨度被隐藏。
如果第一个链接悬停，如何使New York文本出现在页面上？我希望第二个链接Europe和Moon第三个链接一样。
如果可能的话，我更喜欢没有 jQuery 的代码。我相信仅使用 css 是不可能的，但这将是最首选的方法。
谢谢你。