-2

2 つの HTML タグを同時にホバリングするのに助けが必要です。それがどのように可能になるか教えてください。

これが私がやろうとしている方法です。

<style type="text/css">
.imgmap_css_container a:hover
{
  border:2px solid red;
}
</style>
<div align="center" style="position:relative;">
  <img src="http://dailyaeen.com.pk/epaper/wp-content/uploads/2012/09/27+Sep+2012-1.jpg" alt="News" usemap="imgmap201292811139" />

  <div class="imgmap_css_container" id="imgmap2012930125317">
     <a alt="" title="" href="">
        <a style="position: absolute; top: 0px; left: 0px; width: 611px; height: 128px;"  alt="" title="" href="" target="_blank" >
           <em />
        </a>
        <a style="position: absolute; top: 126px; left: 344px; width: 267px; height: 42px;"  alt="" title="" href="" target="_blank" >
           <em />
        </a>
     </a>
   </div>    
</div>

これは私が新聞に実装しようとしているページです。

http://dailyaeen.com.pk/epaper/

正のフィードバックを楽しみにしています

よろしく、サイード・ハイダー・ハッサン。

4

1 に答える 1

0

このフィドルのようにjQueryを使用できます

基本的：

  • 各div/画像/同時にハイライトしたいものに同じクラスを与えます
  • jQueryを使用してホバーイベントをバインドします
  • ホバーイベントで、ホバーされた要素のクラスを取得します
  • ホバーされた要素と同じクラスのすべての要素を選択します
  • CSS を好きなように設定する
于 2012-09-30T09:13:40.140 に答える