CGI : Info : Java Code : Preview : Tip & Technic
<HTML> <HEAD> <TITLE>netsoft</TITLE> <SCRIPT LANGUAGE="JavaScript"> var timer="off" var x=9; var strobe="on" function setVariables(){ if (navigator.appName == "Netscape") { horz=".left"; vert=".top"; visShow="'show'"; visHide="'hide'"; docStyle="document."; styleDoc=""; }else{ horz=".pixelLeft"; vert=".pixelTop"; visHide="'hidden'"; visShow="'visible'"; docStyle=""; styleDoc=".style"; } } </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> // GLOBAL VARIABLES IN ACTION - changing layers function hide1(){ eval(docStyle+ 'object1' + styleDoc + '.visibility=' + visHide); } function hide2(){ eval(docStyle+ 'object2' + styleDoc + '.visibility=' + visHide); } function hide3(){ eval(docStyle+ 'object3' + styleDoc + '.visibility=' + visHide); } function hide4(){ eval(docStyle+ 'object4' + styleDoc + '.visibility=' + visHide); } function hide5(){ eval(docStyle+ 'object5' + styleDoc + '.visibility=' + visHide); } function hide6(){ eval(docStyle+ 'object6' + styleDoc + '.visibility=' + visHide); } function hide7(){ eval(docStyle+ 'object7' + styleDoc + '.visibility=' + visHide); } function hide8(){ eval(docStyle+ 'object8' + styleDoc + '.visibility=' + visHide); } function hide9(){ eval(docStyle+ 'object9' + styleDoc + '.visibility=' + visHide); } function hide10(){ eval(docStyle+ 'object10' + styleDoc + '.visibility=' + visHide); } function show1(){ eval(docStyle+ 'object1' + styleDoc + '.visibility=' + visShow); hide2(),hide3(); } function show2(){ eval(docStyle+ 'object2' + styleDoc + '.visibility=' + visShow); hide1(),hide3(); } function show3(){ eval(docStyle+ 'object3' + styleDoc + '.visibility=' + visShow); hide2(),hide4(); } function show4(){ eval(docStyle+ 'object4' + styleDoc + '.visibility=' + visShow); hide3(),hide5(); } function show5(){ eval(docStyle+ 'object5' + styleDoc + '.visibility=' + visShow); hide4(),hide6(); } function show6(){ eval(docStyle+ 'object6' + styleDoc + '.visibility=' + visShow); hide5(),hide7(); } function show7(){ eval(docStyle+ 'object7' + styleDoc + '.visibility=' + visShow); hide6(),hide8(); } function show8(){ eval(docStyle+ 'object8' + styleDoc + '.visibility=' + visShow); hide7(),hide9(); } function show9(){ eval(docStyle+ 'object9' + styleDoc + '.visibility=' + visShow); hide8(),hide10(); } function show10(){ eval(docStyle+ 'object10' + styleDoc + '.visibility=' + visShow); hide9(); } function strobe1(){ x+=1 eval("show" + x + "()") if (x<10) setTimeout("strobe1()", 75) else if (strobe=="on") strobe2() } function strobe2(){ x-=1 eval("show" + x + "()") if (x>1) setTimeout("strobe2()", 75) else strobe1() } function strobeOn(){ x=9 strobe="on" strobe1() } function strobeOff(){ strobe="off" } </SCRIPT> </HEAD> <BODY onload="setVariables(), strobe1()"> <div id="vis" style="position:absolute; visibility:show; left:100px; top:55px; z-index:1"> <table cellpadding=2 border=1><tr> <td><CENTER><B>Strobe:</B></CENTER></FONT></a></td> <td><a href="javascript:strobeOn()"><FONT COLOR="#000000"><CENTER>on</CENTER></FONT></a></td> <td><a href="javascript:strobeOff()"><FONT COLOR="#000000"><CENTER>off</CENTER></FONT></a></td> </tr></table></div> <div id="object1" style="position:absolute; visibility:hide; left:65px; top:100px; z-index:1"> <table border=1 bgcolor=#EAFFFF width=175 height=50><td><CENTER><B><FONT COLOR="#F9F9F9">Rocky Racoon!!</FONT></B></CENTER></td></table> </div> <div id="object2" style="position:absolute; visibility:hide; left:65px; top:100px; z-index:1"> <table border=1 bgcolor=eaffff width=175 height=50><td><CENTER><B><FONT COLOR="#ECECEC">Rocky Racoon!!</FONT></B></CENTER></td></table> </div> <div id="object3" style="position:absolute; visibility:hide; left:65px; top:100px; z-index:1"> <table border=1 bgcolor=eaffff width=175 height=50><td><CENTER><B><FONT COLOR="#D5D5D5">Rocky Racoon!!</FONT></B></CENTER></td></table> </div> <div id="object4" style="position:absolute; visibility:hide; left:65px; top:100px; z-index:1"> <table border=1 bgcolor=eaffff width=175 height=50><td><CENTER><B><FONT COLOR="#C0C0C0">Rocky Racoon!!</FONT></B></CENTER></td></table> </div> <div id="object5" style="position:absolute; visibility:hide; left:65px; top:100px; z-index:1"> <table border=1 bgcolor=eaffff width=175 height=50><td><CENTER><B><FONT COLOR="#B0B0B0">Rocky Racoon!!</FONT></B></CENTER></td></table> </div> <div id="object6" style="position:absolute; visibility:hide; left:65px; top:100px; z-index:1"> <table border=1 bgcolor=eaffff width=175 height=50><td><CENTER><B><FONT COLOR="#939393">Rocky Racoon!!</FONT></B></CENTER></td></table> </div> <div id="object7" style="position:absolute; visibility:hide; left:65px; top:100px; z-index:1"> <table border=1 bgcolor=eaffff width=175 height=50><td><CENTER><B><FONT COLOR="#808080">Rocky Racoon!!</FONT></B></CENTER></td></table> </div> <div id="object8" style="position:absolute; visibility:hide; left:65px; top:100px; z-index:1"> <table border=1 bgcolor=eaffff width=175 height=50><td><CENTER><B><FONT COLOR="#6B6B6B">Rocky Racoon!!</FONT></B></CENTER></td></table> </div> <div id="object9" style="position:absolute; visibility:hide; left:65px; top:100px; z-index:1"> <table border=1 bgcolor=eaffff width=175 height=50><td><CENTER><B><FONT COLOR="#424242">Rocky Racoon!!</FONT></B></CENTER></td></table> </div> <div id="object10" style="position:absolute; visibility:show; left:65px; top:100px; z-index:1"> <table border=1 bgcolor=eaffff width=175 height=50><td><CENTER><B><FONT COLOR="#000000">Rocky Racoon!!</FONT></B></CENTER></td></table> </div> </BODY> </HTML>
