---

onMouseOver

onMouseOverイベントハンドラーはリンクかアンカーポイントへマウスを動かした時にJavaスクリプトコードを実行します。

	
	
	<a href="test" onMouseOver="window.alert('ここはアンカーポイントです！')">
	ここ</a>
	
	

ここ

onMouseOutと組み合わせると、より効果的です。たとえば、マウスを置いた時と離した時で２つの画像が切り替わるパターンだけでも応用範囲は広く、マウスを当てると押した状態になるボタンがその典型でしょう。あるいは、静止画像と目玉を回転させたGIFアニメーションの２つを用意し、マウスを置いた時と離した時でそれらが切り替わるといった使い方も考えられます。

	
	
	<img name="rolling" src="../../images/rolling3.jpg" border=0 usemap=#rolling>
	
	<map name="rolling"><area coords="0,0,79,89" href="http://www.cybersaizensen.com/"
	target=_blank onMouseOver='swtch(1,rolling)' onMouseOut='swtch(0,rolling)'
	alt="ﾊﾘｳｯﾄﾞ最前線はここをｸﾘｯｸして下さい"></map>
	
	

｢swtch｣で画像を切り替えるため、ＨＴＭＬ文書のヘッダ部へは以下を書き加えます。

	
	
	<script>
	function getAppVersion(){
	appname=navigator.appName;
	appversion=navigator.appVersion;
	majorver=appversion.substring(0, 1); 
	if ( (appname == "Netscape") && ( majorver >= 3 ) ) return 1;
	if ( (appname == "Microsoft Internet Explorer") && (majorver >= 4) ) return 1;
	return 0;}
	function swtch(num, imgname){
	if (getAppVersion())
	imgname.src=img[num].src;}
	imgsrc=new Array();
	imgsrc[0]="../../images/rolling3.jpg";
	imgsrc[1]="../../images/rolling3.gif";
	if (getAppVersion()){
	img=new Array();
	for (i = 0; i < imgsrc.length; i++){
	img[i]=new Image();
	img[i].src=imgsrc[i];}}
	</script>
	
	

---

イベントハンドラーとなっているもの linkオブジェクト windowオブジェクト

関連したイベントハンドラー onBlur onClick onMouseOut

---