Kurt Grigg４-１■落ち葉が散る-原本-

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>Kurt Grigg４-１■落ち葉が散る-原本-</title>

<style type="text/css"><!--
body{background:#ace;}/*★水色指定。不要なら削除*/
--></style>

</head>
<body>

<!--★猫と木の画像見本ここから。不要なら削除-->
<div style="margin-top:100px;text-align:center;">
<img src="ir2.png" style="width:300px; height:300px;"><img src="hya1.png" style="width:250px; heigth:288px;">
</div><!--★猫と木の画像見本ここまで-->

<!--★ここからコピー。位置はbodyの中です-->
<script type="text/javascript"><!--
/*=========================================================================================
Autumn leaves- by Kurt Grigg (kurt.grigg@virgin.net)   ★落ち葉が散るの原本
*http://www.btinternet.com/~kurt.grigg/javascript/(Kurt's Free DHTML Javascript閉鎖)
JS保管サイト：http://www.chironoworks.com/kkhiro/index.html
==========================================================================================*/
var isNetscape6=false;
/*if (navigator.appName == "Netscape" && parseFloat(navigator.appVersion) >= 5) isNetscape6=true;★この１行は無効または削除しないと動作不可*/
if (!isNetscape6){
num=15; //Smoothness depends on image file size, the smaller the size the more you can use!
stopafter=60; //seconds!★何秒後に停止するか。この原本では0にすると動作不可
      
//Pre-load images!
pics=new Array("al.gif","bl.gif","cl.gif","dl.gif","el.gif","fl.gif"); 
load=new Array();
for(i=0; i < pics.length; i++){
load[i]=new Image();
load[i].src=pics[i];
}
stopafter*=1000;
timer=null;
y=new Array();
x=new Array();
s=new Array();
s1=new Array();
s2=new Array();
if (document.layers){
for (i=0; i < num; i++){
randomleaf = pics[Math.floor(Math.random()*pics.length)];
document.write("<LAYER NAME='leaf"+i+"' LEFT=0 TOP=0><img src="+randomleaf+"></LAYER>");
}
}
if (document.all){
document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < num; i++){
randomleaf = pics[Math.floor(Math.random()*pics.length)];
document.write('<img id="leaf'+i+'" src="'+randomleaf+'" style="position:absolute;top:0px;left:0px">');
}
document.write('</div></div>');
}
if (!document.all&&!document.layers){
for (i=0; i < num; i++){
randomleaf = pics[Math.floor(Math.random()*pics.length)];
document.write("<div id='leaf"+i+"' style='position:absolute;top:0px;left:0px'><img src="+randomleaf+"></div>");
}
}
inih=(document.all)?window.document.body.clientHeight:window.innerHeight-100;
iniw=(document.all)?window.document.body.clientWidth:window.innerWidth-100;
for (i=0; i < num; i++){                                                                
y[i]=Math.round(Math.random()*inih);
x[i]=Math.round(Math.random()*iniw);
s[i]=Math.random()*5+3;
s1[i]=0;
s2[i]=Math.random()*0.1+0.05;
}
function fall(){
h=(document.all)?window.document.body.clientHeight:window.innerHeight;
w=(document.all)?window.document.body.clientWidth:window.innerWidth;
scy=(document.all)?document.body.scrollTop:window.pageYOffset;
scx=(document.all)?document.body.scrollLeft:window.pageXOffset;
for (i=0; i < num; i++){
sy=s[i]*Math.sin(90*Math.PI/180);
sx=s[i]*Math.cos(s1[i]);
y[i]+=sy;
x[i]+=sx; 
if (y[i] > h){
y[i]=-60;
x[i]=Math.round(Math.random()*w);
s[i]=Math.random()*5+3;
}
s1[i]+=s2[i];
if (document.layers){
document.layers["leaf"+i].left=x[i];
document.layers["leaf"+i].top=y[i]+scy;
}
else{
document.getElementById("leaf"+i).style.left=x[i];
document.getElementById("leaf"+i).style.top=y[i]+scy;
} 
}
timer=setTimeout('fall()',20);
}
fall();
      
function dsbl(){
for (i=0; i < num; i++){
if (document.layers)
document.layers["leaf"+i].visibility="hide";
else
document.getElementById("leaf"+i).style.visibility="hidden";
}
clearTimeout(timer);
}
setTimeout('dsbl()',stopafter);
}
//--></script>
<!--★ここまでコピー-->

</body>
</html>
Kurt Grigg４-１■画像D■ 落ち葉が散る-原本-HTML5 UP日時 : 2015/07/20

　Kurt Grigg４-１■画像D■　落ち葉が散る-原本-HTML5　　　　　UP日時 : 2015/07/20
