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

Question

我想为地图上的选定图像区域添加圆形边框，我该怎么做？

Answer 1

你可以使用 jQuery：

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

Answer 2

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

Answer 3

在 click 上使用下面的 JQuery 代码：

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

Answer 4

你可以使用 CSS

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