<![CDATA[
<html>
<head>
<title>熱気球</title>
<script language="javascript">
<!--
x=0;y=0;kx1=200;kx2=80
ud=1;rl=1;
function mv(){
//背景を動かす
if(x>0){rl=-2;}
if(x<-560){rl=2;}
if(y>0){ud=-1;}
if(y<-50){ud=1;}
x=x+rl;y=y+ud;
document.getElementById("yama").style.top = parseInt( y) ;
document.getElementById("yama").style.left = parseInt( x) ;
//気球１
kx1--;if(kx1<-20){kx1=250;}
document.getElementById("kikyu1").style.top = parseInt(kx1) ;
document.getElementById("kikyu1").style.left = parseInt( kx1+30) ;
//気球2
kx2--;if(kx2<-20){kx2=250;}
document.getElementById("kikyu2").style.top = parseInt(kx2) ;
document.getElementById("kikyu2").style.left = parseInt( kx2-30) ;
tim=setTimeout("mv()",100);
}
//-->
</script>
</head>
<body topmargin=0 leftmargin=0 onLoad="mv()">
<!--背景の山-->
<div id="yama" style='position:absolute;top:0;left:0'>
<img src="yama1.jpg" galleryimg="no">
</div>
<!--気球1-->
<div id="kikyu1" style='position:absolute;top:0;left:0'>
<img src="kikyu.gif" width=20">
</div>
<!--気球2-->
<div id="kikyu2" style='position:absolute;top:0;left:0'>
<img src="kikyu.gif" width=25>
</div>
<!--窓枠-->
<div id="mado" style='position:absolute;top:0;left:0'>
<img src="mado.gif" galleryimg="no">
</div>
</body>
</html>
]]>
素材
|
