图像映射悬停效果的CSS或jQuery [英] image map hover effect css or jquery

问题描述

我已经制作了映像图，我想强调使用jquery悬停的特定部分或使用css我该怎么做？

我没有找到任何好的文章。

我的所有图像地图区域都能正常工作，但悬停效果并不合适。

我试过这个CSS

  .map {
 background：#fff; 
 display：block; 
 height：475px; 
 opacity：0; 
位置：绝对; 
 width：320px; 
} 
＃area2 {
 left：320px; 
} 
＃area1：hover，＃area2：hover，＃area3：hover，＃area4：hover，＃area5：hover {
 opacity：0.2; 
 
  

解决方案

这可能会对您有所帮助。 Mapser是一个jquery插件，可以帮助你完成这样一种任务： http：// www。 outsharked.com/imagemapster/default.aspx?docs.html

i have made image map already, i want to highlight that particular section on hover using jquery or using css how do i do it?

I did not find any good article on this.

i have all the image map region working fine but the hover effect not wokring

i tried this css

.map{
    background:#fff;
    display:block;
    height:475px;
    opacity:0;
    position:absolute;
    width:320px;
}
#area2 {
    left:320px;
}
#area1:hover, #area2:hover ,#area3:hover,#area4:hover,#area5:hover{
    opacity:0.2;
}

解决方案

This might help you a bit. Mapser is jquery plugin that helps you in such a kind of tasks http://www.outsharked.com/imagemapster/default.aspx?docs.html

这篇关于图像映射悬停效果的CSS或jQuery的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！