Question

我有一张小图片，图片地图放置。无论何时单击区域，我都需要仅更改test2区域的不透明度，无论是否单击test1，test2或test3区域。由于我不太了解jquery语法，如果你能告诉我如何解决这个问题，我将不胜感激。谢谢。

<img src="testing.png" usemap"testing-map" />

<map name="testing-map">

    <area shape="rect" coords="426,274,456,300"  alt="test1" />
    <area shape="rect" coords="456,274,618,300"  alt="test2" />
    <area shape="rect" coords="618,274,678,300"  alt="test3" />

</map>

Jquery的：

$('area').on('click', function() {
 --- no idea --- .css('opacity', '0.1');
});

Answer 1

$('map area').on('click', function() {
   $('area[alt="test2"]').css('opacity', '0.1');
});

或

$('map area').on('click', function() {
   $('area[alt="test2"]').attr('css', 'opacity:0.1');
});

Answer 2

尝试使用

$('area[alt=test2]').css({'opacity':'0.1'});

Answer 3

 Try this: 

    $('area').on('click', function() {
      $("area[alt=test2]").css('opacity', '0.1');
    });

这将改变所有元素的不透明度，其中'alt'属性文本值等于“test2”。

改变image.map区域

3 个答案: