html - 星の画像に輝く効果を加える方法

Question

星の画像があります。オンクリックで光る効果を変更したいです。コードを使用して色を変更しようとしました

画像のsrcタグ内のonclick = "document.bgcolor="red""ですが、うまくいきません。良いチュートリアルやサンプルコードを教えてもらえますか

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新しいイメージへのパスに一致するように値を変更します