OK、私は持っています
<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と、リンクの1つにカーソルを合わせると（image1.jpg、image2.jpg、image3.jpg）の画像が1つだけ表示されます（残りはすべてwidth = 0pxです）。すべてが完璧に機能します。私が欲しいのは、ホバーに表示された画像にテキスト（コメント）を表示することだけです。各画像には異なるコメントがあります。各コメントはの外にあり<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最初のリンクにカーソルを合わせた場合、ページにテキストを表示するにはどうすればよいですか？Europe2番目のリンクも3番目のリンクも同じようにお願いしMoonます。
可能であれば、jQueryを含まないコードをお勧めします。cssだけで作成することはできないと思いますが、それが最も好ましい方法です。
ありがとうございました。