外部ファイルの記述の仕方

質問

HTMLにリンクを指定している画像にマウスが重なったときに画像を変化するようにHTML文法にJavaScriptを指定しているのですが、外部ファイル化したいのですがどのように記述すればよいでしょうか？

<a href="1.html">
<img src="menu01.gif" onMouseOver="this.src=\'menu11.gif\'" onMouseOut="this.src=\'menu01.gif\'" height="30" width="138" >
</a>
<a href="2.html">
<img src="menu02.gif" onMouseOver="this.src=\'menu12.gif\'" onMouseOut="this.src=\'menu02.gif\'" height="30" width="138" >
</a>

回答No.1

BLUEPIXY · ベストアンサー

外部ファイル
function changeSrc(el, src){
el.src=src;
}

HTML
onMouseOver="changeSrc(this, 'menu11.gif')"
onMouseOut="changeSrc(this, 'menu01.gif')"
以下同様