在单击或鼠标悬停时为图像添加边框

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' });