<title> Stage Lighting </title>
<style type= "Text/css" >
<!--
body{
Background-color: #000000;
}
td{
Filter:light;
}
-
</style>
<body>
<table>
<tr>
<TD id= "flttgt" ></td>
</tr>
</table>
<script language= "JavaScript" >
var g_numlights=0;
Flttgt.onclick=keyhandler; Click the mouse
Flttgt.onmousemove=mousehandler; When the mouse moves
function Setlights () {
Flttgt.filters[0].clear (); Clear all Lights First
Flttgt.filters[0].addcone ( -10,-10,5,275,370,0,0,150,60,10); Add a blue light source
if (g_numlights>0) {
Flttgt.filters[0].addcone (285,-10,5,0,370,150,0,0,60,10); Add a red light source
if (g_numlights>1)
Flttgt.filters[0].addcone (138,380,5,138,0,0,150,0,60,15); Add green light
}
}
function Keyhandler () {
g_numlights= (g_numlights+=1)%3;
Setlights ();
}
function Mousehandler () {
x= (window.event.x-80);
Y= (window.event.y-80);
Flttgt.filters[0].movelight (0,x,y,5,1); Moving Blu-ray
if (g_numlights>0) {
Flttgt.filters[0].movelight (1,x,y,5,1); Moving red light
if (g_numlights>1)
Flttgt.filters[0].movelight (2,x,y,5,1); Moving green light
}
}
Setlights ();
</script>
</body>