在單擊或鼠標懸停時向圖像添加邊框

Question

我想要將圓形邊框添加到地圖上的選定圖像區域，我該如何操作？

Answer 1

您可以使用jQuery：

$('body').on('click', 'img', function() { 
    $(this).addClass('with-round-corners'); 
}); 

Answer 2

您可以使用CSS

img{ 
    border:none; 
} 
img:hover{ 
    border:1px solid; 
} 

Answer 3

img 
{ 
border:0px; 
} 
img:hover 
{ 
border:1px solid black; 
border-radius:5px; 
} 

Answer 4

使用下方點擊jQuery代碼：

$(imageAreasSelector).css({ 'border': '1px solid Red' }); 
$(imageAreasSelector).css({ 'border-radius': '5px' });