JAVASCRIPT---灯光效果 |
|
<HTML><HEAD><TITLE></TITLE>
<META content="text/html; charset=gb2312" http-equiv=Content-Type> <META content="IBM HomePage Builder 2001 V5.0.0 for Windows" name="GENERATOR"></HEAD> <BODY topmargin=0> <DIV id=Layer1 style="BACKGROUND-COLOR: #000000; BORDER-BOTTOM: #000000 1px; BORDER-LEFT: #000000 1px; BORDER-RIGHT: #000000 1px; BORDER-TOP: #000000 1px; HEIGHT: 100%; LEFT: 0px; POSITION: absolute; TOP: 0px; WIDTH: 778px; layer-background-color: #000000"> <TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%"> <TBODY> <TR> <TD height=44> <table border=0 cellpadding=0 cellspacing=0 width="100%" hspace="0" vspace="0"> <tbody> <tr> <td valign="top" width="130" colspan="3"> <table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#000000"> <tbody> <tr bgcolor=#000000> <td colspan="2" height="20" valign="top"> <div align=center></div> <table bgcolor=#000000 border=0 cellpadding=0 cellspacing=0 width="100%"> <tbody> <tr align=middle bgcolor=#ffff99> <td id=flttgt style="FILTER: light(enabled=1)"><img height="278" src="http://166.111.26.226/zjx/1.jpg" width="472" align="top"></td> </tr> <tr> <td height="3"><span id=holder style="COLOR: #000000; FONT-SIZE: 14pt"></span></td> </tr> </tbody> </table> <p> </p> </td> </tr> </tbody> </table> <table border=0 cellpadding=0 cellspacing=0 width="100%"> <tbody> <tr> <td height=27></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </TD></TR> <TR> <TD height=0> </TD> </TR> <TR hight="14"> <TD> </TD></TR></TBODY></TABLE></DIV> <SCRIPT language=javascript> <!-- var g_numlights=0; var blurbs=new Array(""); window.onload=setlights; document.onclick=keyhandler; flttgt.onmousemove=mousehandler; function setlights(){ flttgt.filters[0].clear(); flttgt.filters[0].addcone(0,0,5,100,100,255,128,0,60,15); if(g_numlights>0){ flttgt.filters[0].addcone(0,200,5,100,100,255,0,0,60,15); if(g_numlights>1){ flttgt.filters[0].addcone(500,200,5,100,100,0,0,255,60,15); if(g_numlights>2){ flttgt.filters[0].addcone(500,0,5,100,100,255,0,255,60,15); } } } } function keyhandler(){ g_numlights=(g_numlights+=1)%4; holder.innerHTML=blurbs[g_numlights]; setlights(); } function mousehandler(){ x=(window.event.x-80); y=(window.event.y-80); flttgt.filters[0].movelight(0,x,y,5,1); if(g_numlights>0){ flttgt.filters[0].movelight(1,x,y,5,1); if(g_numlights>1){ flttgt.filters[0].movelight(2,x,y,5,1); if(g_numlights>2){ flttgt.filters[0].movelight(3,x,y,5,1); } } } } --> </SCRIPT> </BODY></HTML> |