タイトル画像の雪

《メモ》
HPのタイトル画像に雪が降るように設定する。

JavScript は、「Aperuto Web」のサンプル集を使用させていただきました。

Firefox では雪は降りません。 このブログにも雪を降らせたいのですが、出来ませんでした・・・残念。
どうしたら出来るのか、どなたか教えてください!!


<body>~<body>の間に・・・。

<body class="hd body" onLoad="snow()">

<script language="JavaScript">
<!---
N = 100;
Y = new Array();
X = new Array();
S = new Array();
A = new Array();
B = new Array();
M = new Array();
V = (document.layers)?1:0;

iH=140;
iW=960;
for (i=0; i < N; i++){
Y[i]=Math.round(Math.random()*iH);
X[i]=Math.round(Math.random()*iW);
S[i]=Math.round(Math.random()*5+2);
A[i]=0;
B[i]=Math.random()*0.1+0.1;
M[i]=Math.round(Math.random()*1+1.5);
}
if (V){
for (i = 0; i < N; i++)
{document.write("<LAYER NAME='sn"+i+"' LEFT=0 TOP=0 BGCOLOR='#FFFFF0' CLIP='0,0,"+M[i]+","+M[i]+"'></LAYER>")}
}
else{
document.write('<div style="position:absolute;top:0px;left:0px">');
document.write('<div style="position:relative">');
for (i = 0; i < N; i++)
{document.write('<div id="si" style="position:absolute;top:0;left:0;width:'+M[i]+';height:'+M[i]+';
background:#fffff0;font-size:'+M[i]+'"></div>')}
document.write('</div></div>');
}
function snow(){
var H=(document.layers)?window.innerHeight:window.document.body.clientHeight;
var W=(document.layers)?window.innerWidth:window.document.body.clientWidth;
var T=(document.layers)?window.pageYOffset:document.body.scrollTop;
var L=(document.layers)?window.pageXOffset:document.body.scrollLeft;
for (i=0; i < N; i++){
sy=S[i]*Math.sin(50*Math.PI/100);
sx=S[i]*Math.cos(A[i]);
Y[i]+=sy;
X[i]+=sx;
if (Y[i] > H){
Y[i]=-10;
X[i]=Math.round(Math.random()*W);
M[i]=Math.round(Math.random()*1+1);
S[i]=Math.round(Math.random()*5+2);
}
if (V){document.layers['sn'+i].left=X[i];document.layers['sn'+i].top=Y[i]+T}
else{si[i].style.pixelLeft=X[i];si[i].style.pixelTop=Y[i]+T}
A[i]+=B[i];
}
setTimeout('snow()',120);
}
//-->
</script>

■”<” は全角になっているので、半角に修正すること。

スポンサーサイト
     

コメント

Secret

     
カレンダー
09 | 2017/10 | 11
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31 - - - -
ホームページ
プロフィール

チャッピー

名  前:チャッピー
誕生日:2000年8月13日
性  別:男性
趣  味:散歩(最近は昼寝)
特  技:お座り、お手&待て!

メール ・ 管理画面
カウンター
今日の天気&予報

※日本気象協会(tenki.jp)

最新記事
月別アーカイブ
〖日付の古い順で表示します〗
カテゴリ
〖日付の新しい順で表示します〗
リンク
ブログ内検索
RSSリンクの表示