kurt.grigg３-１■画像■　蝶が舞う-原本-

この kurt.grigg 名義の原本は HTML5では使用できません。
HTML5でも動作する JavaScript はこちらから。

<!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:url(pe20.jpg) repeat-x #fff;/*★丘の背景画像、繰り返し横、背景色白色指定*/
}
--></style>
<!--★背景指定ここまで-->

</head>
<body>

<!--★ここからコピー　位置は<body>の中です-->
<script type="text/javascript">
<!--
/*=============================================================
Random Movement Script by kurt.grigg@virgin.net
JS保管サイト http://www2.tky.3web.ne.jp/~ogura1/
==============================================================*/
P=new Image();
P.src="drg2.gif";  //★画像指定
SY=3;             
SX=5;             

n6=(document.getElementById&&!document.all);
ns=(document.layers);
ie=(document.all);
d=(ns||ie)?'document.':'document.getElementById("';
a=(ns||n6)?'':'all.';
n6r=(n6)?'")':'';
s=(ns)?'':'.style';

if (ns){
document.write("<LAYER NAME='pics' LEFT=0 TOP=0><img src="+P.src+"></LAYER>");
}
if (ie||n6){
document.write("<div id='pics' style='position:absolute;top:0px;left:0px'><img src="+P.src+"></div>");
}
R=0,PB=0,RD=0,Y=0,X=0,D=0,VB=0,HB=0;
Y=10;X=10;D=Math.floor(Math.random()*60+10);
function Curve(){
plusMinus=new Array(1,-1,2,-2,3,-3,0,1,-1,4,-4)
R=Math.floor(Math.random()*plusMinus.length);
RD=plusMinus[R];
setTimeout('Curve()',1800);
}
function MoveRandom(){
var H=(ns||n6)?window.innerHeight:document.body.clientHeight;
var W=(ns||n6)?window.innerWidth:document.body.clientWidth;
var YS=(ns||n6)?window.pageYOffset:document.body.scrollTop;
var XS=(ns||n6)?window.pageXOffset:document.body.scrollLeft;
var BY=-P.height;
var BX=-P.width;
PB=D+=RD;
y = SY*Math.sin(PB*Math.PI/180);
x = SX*Math.cos(PB*Math.PI/180);
if (D < 0) D+=360;
Y+=y;
X+=x;
VB=180-D;
HB=0-D;
//Corner rebounds! not necessary but looks nice.
if ((Y < 1) && (X < 1)) {Y=1;X=1;D=45;}
if ((Y < 1) && (X > W+BX)) {Y=1;X=W+BX;D=135;}
if ((Y > H+BY) && (X < 1)) {Y=H+BY;X=1;D=315;}
if ((Y > H+BY) && (X > W+BX)) {Y=H+BY;X=W+BX;D=225;}
//Edge rebounds!
if (Y < 1) {Y=1;D=HB;}  
if (Y > H+BY) {Y=H+BY;D=HB;}  
if (X < 1) {X=1;D=VB;} 
if (X > W+BX) {X=W+BX;D=VB;} 
var temp=eval(d+a+"pics"+n6r+s);
temp.top=Y+YS;
temp.left=X+XS;
setTimeout('MoveRandom()',10);
}
Curve();
MoveRandom();
//-->
</script>
<!--★ここまでコピー-->

<br><br><br>
</body>
</html>

kurt.grigg３-１■画像■ 蝶が舞う-原本- HTML5

　kurt.grigg３-１■画像■　蝶が舞う-原本-　HTML5　　　　