テキストリンクのオンマウスで画像を切り替える



0   名前: 輝一 : 2007/08/30(木) 21:00  ID:B8KJ7f6l sub-9g
テキストリンクのオンマウスすると、隣接するアイコン画像がロールオーバーするスクリプトを探しています。

TAGindexさんの
「ポイント時に画像を切り替える」http://www.tagindex.com/javascript/link/change3.html
で紹介してあるスクリプトだと、複数の同じ画像の切り替えに対応出来ないのしょうか?
「name値」を変更すれば対応出来れば、方法を教えてください。


1   名前: 匿名 : 2007/08/30(木) 21:00  ID:jYmQD2Vn sub-Cl
<script type="text/javascript"><!--
var onImg = new Image();
onImg.src = 'on.png';
var offImg = new Image();
offImg.src = 'off.png';
function Rollover(myObj, myImg)
{
	var imgObj = myObj.getElementsByTagName('img');
	for(var i = 0; i < imgObj.length; i++)
		imgObj[i].src = myImg.src;
}
//--></script>
<p>
<a href="http://localhost/" onmouseover="Rollover(this.parentNode, onImg)" onmouseout="Rollover(this.parentNode, offImg)">TEST</a>
<img alt="" src="off.png">
<img alt="" src="off.png">
<img alt="" src="off.png">
</p>

2   名前: 輝一 : 2007/08/30(木) 21:00  ID:B8KJ7f6l sub-9g
ありがとうございます。
まとまった記述で実装できるようで助かりました。

一覧へ戻る