| 大仏と初日 | 発遣門 | 牡丹の小径 | 十方堂の庭石日 |
文字をクリックすると画像が切り替わります。これはK01,2のボタンフォームを a href="javascript:命令文" に変えたものです。NN3.0,IE4.0から使えます。
応用 :
画像を取り替えたり増やしたりして使ってみてください。
参照 : オブジェクトの有無を調べる if(document.images){命令}, new, Array(), Image(), function, 変数, src, document.images[], javascript,
<html>
<head>
<title></title>
<script language="JavaScript">
<!--
//イメージの事前読み込み
if(document.images){
movimg=new Array()
movimg[0] = new Image() ; movimg[0].src = 'HATUHI.GIF';
movimg[1] = new Image() ; movimg[1].src = 'HAKEN.GIF';
movimg[2] = new Image() ; movimg[2].src = 'BOTAN.GIF';
movimg[3] = new Image() ; movimg[3].src = 'ISHI.GIF';
}
//画像の書き換え
function changImg1(imgName,imgNo){
if(document.images) document.images[imgName].src = movimg[imgNo].src
}
//-->
</script>
</head>
<body>
<img name="view" src="KAWARA.GIF"><p>
|<a href="javascript:changImg1('view',0)"> 大仏と初日 </a>
|<a href="javascript:changImg1('view',1)"> 発遣門 </a>
|<a href="javascript:changImg1('view',2)"> 牡丹の小径 </a>
|<a href="javascript:changImg1('view',3)"> 十方堂の庭石日 </a>|
</body>
</html>
説明はA01を参照してください
使用している画像:
KAWARA.GIF 
HATUHI.GIF 
HAKEN.GIF 
BOTAN.GIF 
ISHI.GIF
| CONTENTS
| PART1 これだけ知っていれば大丈夫
| PART2 サンプルの紹介
| PART3 JavaScript言語仕様
| PART4 JavaScriptクイック書式一覧
| PART5 JavaScriptサイト
| オンラインサポートページ(回線をつないでください)