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

时间:2012-05-04 04:50:13

标签: html5

我有一个星形图像。我想在onc​​lick上将它的效果改为发光。我试图通过使用代码来改变它的颜色

onclick =“document.bgcolor =”red“”在图片src标签内。但它不适合我。任何人都可以帮我指导一些好的教程或一些示例代码

1 个答案:

答案 0 :(得分: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的值以匹配新图像的路径