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

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

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

←前ページ トップページ 内容一覧 次ページ→
■ 下から浮いてくるハート
雪じゃないって?別に雪にする必要はないわけで、白にすれば雪になります。
ソースを見ましょう。

<TITLE></TITLE>
<SCRIPT language="javascript">
<!--
yoko=new Array();
tate=new Array();
sokudo=new Array();
kazu=>25;                降ってくる数
gamenx=800;            画面の横の大きさ
gameny=1600;            画面のたての大きさ

for(i=0;i<kazu;i++){
yoko[i]=Math.floor(Math.random()*gamenx);
tate[i]=Math.floor(Math.random()*gameny);
sokudo[i]=Math.floor(Math.random()*15)+1;     落ちてくる速さ
document.write("<img src='gazou.gif' style='position:absolute;width:4px;height:4px;top:"
+tate[i]+"px;left:"+yoko[i]+"px;zIndex:3' name='i'>");

}
function tiratira(){
      for (i=0;i<kazu;i++){
     tate[i]-=sokudo[i];
     if(tate[i]<0) tate[i]=680;    降り始めの位置(画面下)
     document.images[i].style.top=tate[i];
     }
}
function s_time(){              タイマーを止める命令
clearInterval(TTID);
}
//-->
</SCRIPT></HEAD>
<BODY bgcolor="#000000" leftmargin="0" topmargin="0" onload="TTID=setInterval('tiratira()',100)" style="position:absolute;top:0px;left:0px;zIndex:1" text="#ffffff" onUnload="s_time()">

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


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

□kazu=25;                降ってくる数
この25が降ってくる数です、大きくすると振る数が増えます。

□gamenx=800;            画面の横の大きさ
gameny=1600;            画面のたての大きさ

gamenx 800は画面の横にどのくらいの幅に広がるか、という意味。800にすればだいたいページ全体に広がります。
gameny 1600は画面のたての範囲指定です。長いページなら値を大きくします。100づつ位徐々に増やして様子を見ないと、あまり大きな数字をいれると、いつまでたっても次の画像があがってこなくなります。
この数字をうまく組み合わせると画面の一部だけに降らせることも可能です。

□sokudo[i]=Math.floor(Math.random()*15)+1; 落ちてくる速さ
ここの15を大きくするほどはやく降ってきます。

□gazou.gif
降らせる画像のファイル名です。同じフォルダにおきましょう。
そのあとの 4 というのは画像の大きさです。縦横の大きさです。大きくすると画像も大きくなります。元の画像はそのままで、ここの数字を大きくすれば画像も大きくなります。

□降り始めの位置を 680 にしています。画面の下のほうから降らせるためです。ページの長さによって異なりますのでいろいろ試してちょうどよい数字を見つけてください。

□#000000
背景色の指定で、こうすると黒です。画像も指定できます。

□#ffffff
文字色の指定、背景が黒のときはなので、白にしてます。

このページのソースでは背景は指定していません。

一応白背景用の模様は作りましたので、画像の保存で保存すれば使えます。ファイル名は好きにしてください。







たとえば、赤のりんごを降らせるなら、gazou.gif を  apple4.gif にすればいいわけです。

□onunload="s_time()"
これは、ページを抜けるときにタイマーを止めるためのものです。忘れず書き込んでください。

上からふるほかのタイプのものも、同様にすれば下からうえに浮いてきます。

 

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