-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/image/whatever 你想同时突出显示的内容一个相同的类
  • 使用jQuery绑定悬停事件
  • 在悬停事件上获取悬停元素的类
  • 选择与悬停的具有相同类的所有元素
  • 设置他们的css，但是你喜欢他们
于 2012-09-30T09:13:40.140 回答