ご挨拶 私はこれを何時間も試みてきましたが、それを理解するのに苦労しています. 私はjavascriptとjqueryが初めてです。たとえば、黒と青の 2 つの画像があります。個別にホバーするとimg srcが青に変わり、ホバーアウトすると黒に戻る4つの黒い画像があります。私が達成しようとしているのは、画像/リンクをクリックすると、「青」のままになることです。他の画像をクリックすると、「黒」に変わります。
これが私がこれまでに持っているものです:
HTML
<a id="catlnk1" href="javascript:void(0);" onclick="loadCat(1)"><img src="/images/blogpage/published.png" onmouseover="this.src='/images/blogpage/published-active.png'" onmouseout="this.src='/images/blogpage/published.png'" alt="Published" />
脚本
function loadCat(num)
{ if (num == 1){
$("#catlnk" + num).attr("src","/images/blogpage/published-active.png");
} else if (num == 2){
$("#catlnk" + num).attr("src","/images/blogpage/upcoming-active.png");
} else if (num == 3){
$("#catlnk" + num).attr("src","/images/blogpage/opening-active.png");
} else if (num == 4){
$("#catlnk" + num).attr("src","/images/blogpage/job-active.png");
}
}
コードが乱雑な場合は申し訳ありませんが、私はこれが初めてです。