絵２個動く




２この絵が動きながら入ってきます



<HEAD>
<SCRIPT language="JavaScript">
<!--
function CloseWin(){
window.close();
}
// -->
</SCRIPT>

<script language="Javascript">
<!--
var timerNumber;
var limitX,limitY,stepX,stepY;
function slide(){
targetImage1.style.pixelLeft+=stepX;
targetImage1.style.pixelTop+=stepY;
targetImage2.style.pixelLeft-=stepX;
targetImage2.style.pixelTop+=stepY;
if (targetImage1.style.pixelLeft>=limitX) {
clearInterval(timerNumber);
}
}
function startSlide(){
limitX=document.body.offsetWidth/2;
limitY=document.body.offsetHeight/2-80;
stepX=limitX/30;
stepY=limitY/30;
targetImage1.style.visibility = "visible";
targetImage2.style.visibility = "visible";
timerNumber = setInterval("slide()",20);
}
-->
</script>
</HEAD>
<BODY bgcolor="#ffff00" onload="startSlide()" background="htm/htm2.files/148.gif">
<center><FONT color=#ff0000 size=+3>絵２個動く</FONT>
</center>
<hr>
<img id="targetImage1" style="visibility:hidden;position:absolute;top : 122px;left : 190px;" src=".jpg" width="150" height="100">
<img id="targetImage2" style="visibility:hidden;position:absolute;top : 128px;left : 573px;" src=".jpg" width="150" height="100">
<br>