・ ・ ・ ・ ・ ・ ・ ・ ・ ・  →前へ→次へトップへ戻る
その4. 乗せて、押して、離して反応!(イベントの組合せ)
       ※見せ方いろいろ。

サンプル ※いろいろすると、画像が変わります。
↓マウスを乗せると、受信スタンバイ。
 クリックすると、未知との遭遇。
 マウスを離すと、交信が途絶えます。





ソース(スクリプト側) <HEAD>〜</HEAD>の中に埋め込みます。

<SCRIPT>
function imgcg(image,i_name) {
	document[i_name].src =image;
}
</SCRIPT>
	
 前に紹介したスクリプトと変わりありません。
ソース(呼び出し側)
<A href="javascript:imgcg('tv_tatoto_click.gif','SAMPLE3')"
   onMouseover="imgcg('tv_tatoto_on.gif','SAMPLE3')"
   onMouseout="imgcg('tv_tatoto_out.gif','SAMPLE3')">

<IMG src="xxx" border="0" name="SAMPLE3">

</A>

	
onClick」「onMouseOver」「onMouseOut」などは、
ひとつの<A>〜</A>タグ内に、複数使うことができます。

※「href」で、クリックした時を制御するときは、「javascript:」を忘れずに。
※マウスを載せたら、すぐに反応するように、画像の先読みをさせておくと良いです。
ソース(画像の表示のところ)
<IMG src="tv_tatoto_out.gif" name="SAMPLE3" border="0">
	
 ※画像を組み合わせて使うときは、ボーダーを消しておきましょう。

・・・・・・・・・・>もどる。