ライトで照らす

絵がライトに照らされています

<HTML>
<HEAD>

</HEAD>
<BODY bgcolor="#ffff00" background="htm2.files/148.gif">
<center><FONT color=#ff0000 size=+3>ライトで照らす</FONT>
<hr>
<div id=stage style="filter:progid:DXImageTransform.Microsoft.light(enabled=1);width:200px"><img style="width:200px;height:150px" src="htm2.files/3.jpg" border="0"></div>
<script language="JavaScript">
<!--
var x=100;
var y=100;
var step=20;
function moving(){
stage.filters[0].movelight(0,x,y,5,1);
stage.filters[0].movelight(1,x,y,5,1);
stage.filters[0].movelight(2,x,y,5,1);
stage.filters[0].movelight(3,x,y,5,1);
x+=step;
if(x>200 || x<0) step*=-1
}
function stopTimer(){
clearInterval(timer1);
}
function locatelights(){
stage.filters[0].clear();
stage.filters[0].addcone(0,0,5,100,100,255,255,0,60,15);
stage.filters[0].addcone(0,150,5,100,100,255,0,0,60,15);
stage.filters[0].addcone(200,150,5,100,100,0,255,255,60,15);
stage.filters[0].addcone(200,0,5,100,100,255,0,255,60,15);
timer1=setInterval("moving()",200);
}
window.onload = locatelights;
window.onunload= stopTimer;
</script></center>
<hr>
<CENTER><strong><FONT color=#db7093>絵がライトに照らされています</FONT><BR>
</strong>
</CENTER>

</BODY>
</html>