L04 ボタンクリックで次々と画像を出現させる。

ボタンをクリックすると今までそこに見えなかった画像が次々と出現します。NN4.0から追加されたレイヤーを使います。



応用 :
大きさを変えたり出現場所を変えたりしてみましょう。ボタンの上に画像レイヤーが重なるとボタンが押せなくなるのでABOVE="bt"を指定して画像をボタンの下に表示しています。
参照 : バージョンチェックif(navigator.appVersion.charAt(0)>=バージョン番号){命令}, layers[], visibility, onClick,

Sample













Source
ソース
(コピーしてお使いください) <HTML> <HEAD> <TITLE></TITLE> <!--"JavaScript1.2"に限定。NN4.0以上のブラウザ専用です--> <SCRIPT LANGUAGE="JavaScript1.2"> <!-- indexL=0;//最初にshowするレイヤーa?の番号 //hideしていたレイヤーを順次showに切り替える function sho(){ if(indexL<=5){ document.layers["a"+indexL].visibility='show'; indexL++; }; }; <!----> </SCRIPT> </HEAD> <BODY> <LAYER NAME="btnA" VISIBILITY="show" TOP=300 LEFT=220> <FORM> <INPUT TYPE="button" VALUE=" 押してね " onClick="sho()" > </FORM> </LAYER> <LAYER NAME="a0" VISIBILITY="hide" TOP=200 LEFT=410 ABOVE="bt"> <IMG SRC="BOTAN.GIF" WIDTH=120 HEIGHT=90></LAYER> <LAYER NAME="a1" VISIBILITY="hide" TOP=140 LEFT=210 ABOVE="bt"> <IMG SRC="BOTAN.GIF" WIDTH=120 HEIGHT=90></LAYER> <LAYER NAME="a2" VISIBILITY="hide" TOP=170 LEFT=250 ABOVE="bt"> <IMG SRC="BOTAN.GIF" WIDTH=120 HEIGHT=90></LAYER> <LAYER NAME="a3" VISIBILITY="hide" TOP=110 LEFT=110 ABOVE="bt"> <IMG SRC="BOTAN.GIF" WIDTH=120 HEIGHT=90></LAYER> <LAYER NAME="a4" VISIBILITY="hide" TOP=115 LEFT=310 ABOVE="bt"> <IMG SRC="BOTAN.GIF" WIDTH=120 HEIGHT=90></LAYER> <LAYER NAME="a5" VISIBILITY="hide" TOP=160 LEFT=50 ABOVE="bt"> <IMG SRC="BOTAN.GIF" WIDTH=120 HEIGHT=90></LAYER> </BODY> </HTML>
C01C02の説明を参照してください。


Contents

| メインメニュー
| PART1 これだけ知っていれば大丈夫
| *PART2 サンプルの紹介
| PART3 プログラムに興味を持ったら!
| PART4 JavaScript辞典
| 索引
| オンラインサポートchatボード(回線をつないでください)


Maintained by
tato@fureai.or.jp works1997 Toshirou Takahashi