html - 如何为星星图像制作发光效果

Question

我有一个星形图像。我想将它的效果更改为 onclick 时发光。我尝试使用代码更改它的颜色

onclick="document.bgcolor="red"" 在图像 src 标签内。但它对我不起作用。谁能帮助指导我一些好的教程或一些示例代码

Answer 1

一个简单的解决方案是创建另一个具有所需效果的图像，即发光。添加id="star"到您的<img>标签，然后在单击时使用 javascript 将不发光的图像与发光的图像交换。

var image1 = document.getElementById('star');
var image2 = "http://link/to/new/image.png";

function changeImage() {
  image1.setAttribute('src', image2);
}


image1.addEventListener("click", changeImage, false);

注意 - 更改值image2以匹配新图像的路径