一次悬停两个html锚标签

时间:2012-09-30 08:20:54

标签: html css tags anchor

我需要帮助一次悬停两个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/

期待积极的反馈

此致 Syed Haider Hassan。

1 个答案:

答案 0 :(得分:0)

你可以在this fiddle

中使用jQuery

基本上:

  • 在同一个班级
  • 的同时,给每个div / image /任何你想要突出显示的内容
  • 使用jQuery绑定悬停事件
  • 在悬停事件中获取悬停元素的类
  • 选择与悬停的类别相同的所有元素
  • 设置他们的css然而你喜欢他们