نمونه اسکریپت:
در صورتی که مرورگر شما از این اسکریپت پشتیبانی کند، نمونه متن چشمک زن را در سمت چپ کد مشاهده می نمایید.
netsoft Strobe: on off saideh.com saideh.com saideh.com saideh.com saideh.com saideh.com saideh.com saideh.com saideh.com saideh.com
Strobe:
on
off
saideh.com
کد اسکریپت:
<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="0"> <tr> <td><p align="center"><font COLOR="#ffffff" size=1><b>Strobe:</b></font></td> <td><p align="center"><a href="javascript:strobeOn()"><font COLOR="#ffffff" size=1>on</font></a></td> <td><p align="center"><a href="javascript:strobeOff()"><font COLOR="#ffffff" size=1>off</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"> <tr> <td><p align="center"><b><font COLOR="#F9F9F9">saideh.com</font></b></td> </tr> </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"> <tr> <td><p align="center"><b><font COLOR="#ECECEC">saideh.com</font></b></td> </tr> </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"> <tr> <td><p align="center"><b><font COLOR="#D5D5D5">saideh.com</font></b></td> </tr> </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"> <tr> <td><p align="center"><b><font COLOR="#C0C0C0">saideh.com</font></b></td> </tr> </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"> <tr> <td><p align="center"><b><font COLOR="#B0B0B0">saideh.com</font></b></td> </tr> </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"> <tr> <td><p align="center"><b><font COLOR="#939393">saideh.com</font></b></td> </tr> </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"> <tr> <td><p align="center"><b><font COLOR="#808080">saideh.com</font></b></td> </tr> </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"> <tr> <td><p align="center"><b><font COLOR="#6B6B6B">saideh.com</font></b></td> </tr> </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"> <tr> <td><p align="center"><b><font COLOR="#424242">saideh.com</font></b></td> </tr> </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"> <tr> <td><p align="center"><b><font COLOR="#000000">saideh.com</font></b></td> </tr> </table> </div> </body> </html>