オンマウスでクリック後の画像を変化させたままにする方法

ご提示のサイトのやり方で良いのなら、 単にそれぞれ別のメニューファイルを用意しているだけですし、まるごと変化させているのもウィンドウまるごと改めて表示しているだけ（target="_top"）です。 それを１つのファイルでとなると JavaScript による制御が必要となります。 （注意：オンマウスは単にイベントを拾っているだけであり、その中の処理は大抵が JavaScript であり、少なくともＨＴＭＬではありません。故に JavaScript 等が無効な場合はオンマウスのイベントも無効です。） JavaScript の制御は結構面倒で、初期表示をクリックしただけならまぁなんとかなりますが、その後に別の項目をクリックされたら、今度はそのクリック分を変更したままとしながらも先に変更した項目は元に戻す必要があると。という事で this.src だけではどうにもなりません。となるとその先は閲覧環境も結構影響する制御なのであまりお勧めできませんが・・・。 とにかくいろいろなやり方がありますが、 オンクリックにてクリックされた処以外を初期化しクリックされた処を変更する。場合によってはそのオンクリックによってオンマウスアウトを制御するフラグを用意する必要があるかもしれませんが・・・。 なにより、それぞれのページ（フレーム）を用意する方が容易だと思いますが・・・。メニューでしょうからそんなに頻繁に変更されるページでもないでしょうし・・・って JavaScript は知識の方が大変ですが・・・。