美容・健康・ファッション・インテリア・DVD・お花・ギフト 安全安心のお買い物

町工場ネット トップ  ◇サイトマップ ◇新規登録 ◇プライバシーポリシー ◇相互リンクの方法 ◇問い合わせ

町工場 | 総合 | 美容 | ファッション | インテリア | 家電 | 資格| 食料 | 個人開業 | 書籍 | ギフト | ホビー | CD・DVD

←前ページ トップページ 内容一覧 次ページ→
■背景に雪を降らせる  3


さらに、今度は何種類か違うものを降らせましょう。変更したのは次のところです。

pp=Math.floor(Math.random()*4);


switch(pp){
case 0:document.write("<img src='gazou2.gif' style='position:absolute;width:20px;height:20px;top:"
+tate[i]+"px;left:"+yoko[i]+"px;zIndex:3' name='i'>");
break;
case 1:document.write("<img src='gazou3.gif' style='position:absolute;width:20px;height:20px;top:"
+tate[i]+"px;left:
"+yoko[i]+"px;zIndex:3' name='i'>");
break;
case 2:document.write("<img src='gazou4.gif' style='position:absolute;width:20px;height:20px;top:"
+tate[i]+"px;left:
"+yoko[i]+"px;zIndex:3' name='i'>");
break;
case 3:document.write("<img src='gazou1.gif' style='position:absolute;width:20px;height:20px;top:
"+tate[i]+"px;left:"+yoko[i]+"px;zIndex:3' name='i'>");
break;
default:
break;
}


ややこしいので、変更するところに十分注意してください。なお、これを使うときは必ずソースをコピーしてください。上の表をコピーしてもうまくできません。青字のところは変更できます。

pp=Math.floor(Math.random()*4);
の4は0〜3までの乱数を発生させています。画像の数に合わせます。この場合0〜3というのは、0,1,2,3 の4つの画像が表示されます。5つの画像を表示させたいときは 6 にします。その場合は

case 4:document.write("<img src='gazou5.gif' style='position:absolute;width:20px;height:20px;top:"+tate[i]+"px;left:
"+yoko[i]+"px;zIndex:3' name='i'>");
break;
というように、 case 文も増やします。

gazou1.gif はそれぞれ表示したい画像を指定します。 apple1.gif  apple2.gif ・・・・ などのように好きなものを表示できます。

20px というのは画像の大きさですので、それぞれ画像に合わせて変更すれば、大きさの違うものも表示できます。

←前ページ トップページ 内容一覧 次ページ→