javascript - リンククリック変更ボタン

Question

リンクがあり、ボタン（写真）を配置し、リンクがクリックされたときにボタン（写真）が紫色に変わったときに、訪問したリンクのように変更したい

<td><a id="download" href="<?=$row['download_link']?>" target="_blank"><img src="download.png"></a></td>

HTMLで変更できますか、またはCSSで何かをする必要がありますか?それは何ですか?

に

Answer 1

imgからを削除しa、以下を追加することにより、プレーンな CSS でこれを行うことができます。

<style type="text/css">
    #download 
    {
      background-image:url(download.png);
      display:block;
      /* todo : put height and width of image here */
      width:100px; 
      height:100px;
    }

    #download :visited
    {
      background-image:url(download_visited.png);
    }
</style>