:::[ كاملترين جدول كدهاي جاوا ]:::

منوي سيار :

باز کننده صفحه :

<title>Congratulations!</title><br /> <style Type=Text/CSS><br /> <br /> </style><br /> <script language="JavaScript" type="text/JavaScript"><br /> <br /> </script><br /> </head></p> <p><body bgcolor=#C0C0C0 onLoad="TB_animateWindow(700,300,0,0,20,20,true)" link="#FFFFFF"></p> <p> <script language=JavaScript><br /> function disableIE() {if (document.all) {return false;}<br /> }<br /> function disableNS(e) {<br /> if (document.layers||(document.getElementById&&!document.all)) {<br /> if (e.which==2||e.which==3) {return false;}<br /> }<br /> }<br /> if (document.layers) {<br /> document.captureEvents(Event.MOUSEDOWN);document.onmousedown=disableNS;<br /> } else {<br /> document.onmouseup=disableNS;document.oncontextmenu=disableIE;<br /> }<br /> document.oncontextmenu=new Function("return false")<br /> </script>

ارسال صفحه :

<HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <BODY> <center> <form name=emailform method=post action="http://cgi.freedback.com/mail.pl" target="_new" onSubmit="return initMail(this);"> <input type=hidden name=subject value="** Check Out This Site! **"> <input type=hidden name=message value=""> <table> <tr><td colspan=2 align=center>Tell a friend about this page!</td></tr> <tr><td>Their Name:</td><td><input type=text name=sendto></td></tr> <tr><td>Their Email:</td><td><input type=text name=to></td></tr> <tr><td>Your Name:</td><td><input type=text name=sendername></td></tr> <tr><td>Your Email:</td><td><input type=text name=senderemail></td></tr> <tr><td colspan=2 align=center><input type=submit value="Ok!"></td></tr> </table> </form> </center> <p><center> <font face="arial, helvetica" size="-2">Free JavaScripts provided<br> </center><p> </body> </html>

جدول چشمک زن :

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Flashing Table Border Script</title> <script language="JavaScript1.2">  </script> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>New Page 1</title> </head> <body> <center> <table border="0" id="flashingborder" style="border:5px solid"> <tr> <td> <p align="center"> <a href="http://royalsoftco.com">Peygham Ro inja avaz konid</a> </td> </tr> </table> </center> </body> </html>

تعويض عنوان صفحه :

<html> <head> <meta http-equiv="Content-Language" content="en-us"> <SCRIPT LANGUAGE="JavaScript"> document.title="|--|"; function chTitle(key) { document.title="|-"+key+"-|"; //document.title+key; //document.titlev.value; } </script> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>New Page 1</title> </HEAD>  <BODY> <p align="center"> Enter Title Here: <input type="text" size="20" onKeyUp="chTitle(this.value)"></p> </BODY>  </html>

بستن پنجره :

ساعت نوشتاري :

<head> <script language="JavaScript">  </script> </head>  <body> <span id=clock style="position:relative;"></span>

پيغام متحرك در پايين صفحه :

<html> <head> <title>Type Writer Status Bar</title> <script LANGUAGE="JavaScript">  </script> </head> <body BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startBanner()"> </body> </html>

تقويم ميلادي :

<BODY> <CENTER> <SCRIPT LANGUAGE="JavaScript">   </SCRIPT> </CENTER>

پيغام ورود و خروج :

<html> <head> <title>onLoad and onUnload Example</title> </head> <body onLoad="window.alert('Hello, and welcome to this page.');" onUnload="window.alert('You unloaded the page. Goodbye!');"> <p> </p> </body> </html> </body> </html>

راست كليك ممنوع :

<SCRIPT language=javascript> function noRightClick() { if (event.button==2) { alert('رايت كليك ممنوع') } } document.onmousedown=noRightClick </SCRIPT>

جلوگيري از كپي مطالب :

موتور جستجوگر Google.com :

<center> <FORM method=GET action="http://www.google.com/search"> <TABLE bgcolor="#FFFFFF"><tr><td> <A HREF="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_40wht.gif" <br>border="0" ALT="Google" align="absmiddle"></A> <INPUT TYPE=text name=q size=31 maxlength=255 value=""> <INPUT TYPE=hidden name=hl value="en"> <INPUT type=submit name=btnG VALUE="Google Search"> </td></tr></TABLE> </FORM> </center>

باز شدن درب سی دی رام کاربر :

<SCRIPT language=VBScript>  </SCRIPT>

نمايش عروسك در هنگام باز شدن صفحه (مرلين) :

<OBJECT id=wolfi classid=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F>></OBJECT> <SCRIPT language=JavaScript type=text/javascript> function LoadLocalAgent(CharID, CharACS) { LoadReq = wolfi.Characters.Load(CharID, CharACS); return(true); } var MerlinID; var MerlinACS; wolfi.Connected = true; MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS); Merlin = wolfi.Characters.Character(MerlinID); Merlin.Show(); Merlin.Play("Surprised"); Merlin.speak("hi dear"); Merlin.MoveTo (350,250); Merlin.Play("Surprised"); Merlin.Play("GetAttention"); Merlin.Play("GetAttention"); Merlin.Play("Blink"); Merlin.Play("Blink"); Merlin.speak(" Welcome to <#user#> "); Merlin.Play("Blink"); Merlin.Play("Confused"); Merlin.speak("i hope enjoy to this website"); Merlin.Play('GestureLeft'); Merlin.Play("Blink") Merlin.Hide(); </SCRIPT>

نمايش درايو ها :

لرزاندن صفحه در هنگام باز شدن :

<SCRIPT language=JavaScript>  </SCRIPT> <SCRIPT language=JavaScript>  </SCRIPT>

یک ساعت عقربه ای به دنبال موس شما :

نمايش تعداد كاربران آنلاين :

پخش موزيك به همراه دكمه هاي كنترل

انتخاب موزيك توسط كاربر از روي هارد خود با تايمر پخش

<HTML> <HEAD> <script language="javascript"> function da(form){ ut=new Date() h=ut.getHours() m=ut.getMinutes() if (h<10) h="0"+h if (m<10) m="0"+m time=h+":"+m document.frm.txt.value=time setTimeout("da(this.form)",1000) } function alermon(){ hr=document.frm.se1.selectedIndex mn=document.frm.se2.selectedIndex tim=document.frm.se1.options[hr].value+":"+document.frm.se2.options[mn].value if (h>12) time="0"+(h-12)+":"+m if (h=00) time="12"+":"+m if (time==tim){ document.all.sound.src=document.frm.alermsound.value } else setTimeout("alermon()",1000) } function alermoff(){ document.all.sound.src="" tim=0 } </script> <bgSound src="" id="sound"> </HEAD> <BODY onload="da(this.form)"> <font color="red" size="6">Alerm Clock</font> <form name="frm"> your system clock is:<input type="text" name="txt" size="12"><p> <font size="4" color="#0000FF">step1:</font>when you want the clock is ringing? select hour:<select name="se1" size=1> <option selected value="01">01 or 13 <option value="02">02 or 14 <option value="03">03 or 15 <option value="04">04 or 16 <option value="05">05 or 17 <option value="06">06 or 18 <option value="07">07 or 19 <option value="08">08 or 20 <option value="09">09 or 21 <option value="10">10 or 22 <option value="11">11 or 23 <option value="12">12 or 24 </select> select minute:<select name="se2" size=1> <option selected value="00">00<option value="01">01<option value="02">02<option value="03">03<option value="04">04 <option value="05">05<option value="06">06<option value="07">07<option value="08">08<option value="09">09 <option value="10">10<option value="11">11<option value="12">12<option value="13">13<option value="14">14 <option value="15">15<option value="16">16<option value="17">17<option value="18">18<option value="19">19 <option value="20">20<option value="21">21<option value="22">22<option value="23">23<option value="24">24 <option value="25">25<option value="26">26<option value="27">27<option value="28">28<option value="29">29 <option value="30">30<option value="31">31<option value="32">32<option value="33">33<option value="34">34 <option value="35">35<option value="36">36<option value="37">37<option value="38">38<option value="39">39 <option value="40">40<option value="41">41<option value="42">42<option value="43">43<option value="44">44 <option value="45">45<option value="46">46<option value="47">47<option value="48">48<option value="49">49 <option value="50">50<option value="51">51<option value="52">52<option value="53">53<option value="54">54 <option value="55">55<option value="56">56<option value="57">57<option value="58">58<option value="59">59 </select><p> <font size="4" color="#0000FF">step2:</font>browse your sound file: <input type="file" size=36 name="alermsound"><p> <font color="#0000FF" size="4">step3:</font><input type="button" value="on" onclick="alermon()"> <input type="button" value="off" onclick="alermoff()"><br> if you minimize this window you can't hear any sound. </form> </BODY> </HTML>

پخش فايل صوتي پس زمينه

كد اصلي لينك دادن

اين كد باعث مي شود كه لينك شما هنگامي كه نشانگر موس بر روي متن لينك رفت عمل كند

سفارشي كردن رنگ لينك ها

حذف خط زير لينكها

جعبه لينک همراه با دکمه ي انتخاب

جعبه لينک بدون دکمه ي انتخاب

رقص نور دادن به لينکها

لينک هاي متحرک که از پائين صفحه به بالا حرکت ميکنند

نمايش اطلاعات لينک روي نوار وضعيت

<HEAD> <SCRIPT LANGUAGE="JavaScript"> <! > <! >  </script> </HEAD>  <BODY> <a href="http://www.javascriptsource.com/link-us.html" onMouseOver="window.status=linkInfo(this); return true;" onMouseOut="window.status=''; return true;">JavaScript Source Link Us Page</A>

لينک پرينت يا چاپ صفحه

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <BODY> <a href="javascript:printWindow()">Print This Page</a>

منوي لينک باز شوي لغزان

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <BODY OnLoad="setVariables();checkLocation()">  <div id="logo" style="position:absolute; visibility:show; left:0px; top:-200px; z-index:2"> <table border=0 cellspacing=10 cellpadding=0 width=100><tr><td><center><br><br><br> <A href="javascript:void(0)"; onmouseover="switchLogo('menu')"> Logo </A></center></td></tr></table></div> <div id="menu" style="position:absolute; visibility:show; left:0px; top:-200px; z-index:2"> <table border=0 cellspacing=10 cellpadding=0 width=100><tr><td><center> <a href="http://www.your-web-site-address-here.com/page-one.html"; onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page One</a> </center></td></tr><tr><td><center> <a href="http://www.your-web-site-address-here.com/page-two.html"; onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page Two</a> </center></td></tr><tr><td><center> <a href="http://www.your-web-site-address-here.com/page-three.html"; onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page Three</a> </center></td></tr></table></div>

با اين لينک يک ثانيه شمار ايجاد ميشود که بعد از اتمام ثانيه به صورت اتوماتيک به لينک مربوطه ميرود

<p><form name="redirect"> <center> <font face="Arial"><b>You will be redirected to the script in<br><br> <form> <input type="text" size="3" name="redirect2"> </form> seconds</b></font> </center> <script>  </script> </p> </body> </html>

تغيير تصوير هنگام نشانه گيري موس 1

تغيير تصوير هنگام نشانه گيري موس 2

<html> <head> <script language="javascript" type="text/javascript"> if(document.images) { arrowRed = new Image arrowBlue = new Image arrowRed.src = "URL IMG1" arrowBlue.src = "URL IMG2" } else { arrowRed = "" arrowBlue = "" document.arrow = "" } </script> </head> <body> <h1> <a href="URL WEB SITE" onMouseover="document.arrow.src=arrowRed.src" onMouseout="document.arrow.src=arrowBlue.src"><img border="0" src="URL IMG2" name="arrow"></a> </h1> </body> </html>

منوي بازشو در کنار تصوير که با حرکت و کليک موس بر روي آن تصوير تغيير ميکند

<html> <head> <style> .curhand{cursor:hand} </style> <script language="javascript"> function displayit(paragraph,title,imgmenu){ if (document.all[paragraph].style.display=='none') {document.all[paragraph].style.display="block"; document.all[imgmenu].src="URL PIC 2"} else {document.all[paragraph].style.display="none"; document.all[imgmenu].src="URL PIC 2"} } function setoverstyles(paragraph,imgmenu,title){ if (document.all[paragraph].style.display=='none') {document.all[imgmenu].src="URL PIC 2"; document.all[title].style.textDecorationUnderline='true'} else {document.all[imgmenu].src="URL PIC 2"; document.all[title].style.textDecorationUnderline='true'} } function setoutstyles(paragraph,imgmenu,title){ if (document.all[paragraph].style.display=='none') {document.all[title].style.textDecoration='none'; document.all[imgmenu].src="URL PIC 1"} else {document.all[imgmenu].src="URL PIC 2"; document.all[title].style.textDecoration='none'} } sw=0; function displayall(){ if (sw==0) {swall.innerText="Hide all";document.all['x'].style.display='block';sw=1; for (i=1;i<=5;i++) { xmenu='menu'+i ; ximg='imgmenu'+i ; if (document.all[xmenu].style.display=='none') {document.all[xmenu].style.display="block";document.all[ximg].src="URL PIC 2"}}} else {swall.innerText="Show all";document.all['x'].style.display='none';sw=0; for (i=1;i<=5;i++) {xmenu='menu'+i;ximg='imgmenu'+i; if (document.all[xmenu].style.display=='block') {document.all[xmenu].style.display="none";document.all[ximg].src="URL PIC 1"}}} } function displayinline(text){ if (document.all[text].style.display=="none"){document.all[text].style.display="inline"} else {document.all[text].style.display="none"} } </script> </head> <body> <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1"> <tr> <td> <p align="center"> <span id="swall" onmouseover="this.style.textDecorationUnderline='true'" onmouseout="this.style.textDecoration='none'" class="curhand" onclick="displayall()"> Show All</span></td><br> </tr> </table><br> <p id='x' style="display:none"></p> <div onmouseover="setoverstyles('menu1','imgmenu1','title1')" onmouseout="setoutstyles('menu1','imgmenu1','title1')" class="curhand" onclick="displayit('menu1','title1','imgmenu1')" id="title1" style="position:static; width:150; height:15"> <img id="imgmenu1" border="0" src="URL PIC 1" width="12" height="12"> Persian Musics</div> <blockquote> <span id="menu1" style="display:none;">Item 1<br> Item 2<br> Item 3<br> Itrm 4<br> Item 5<br> Item 6<br> Item 7</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu2','imgmenu2','title2')" onmouseout="setoutstyles('menu2','imgmenu2','title2')" class="curhand" onclick="displayit('menu2','title2','imgmenu2')" id="title2" style="position:static; width:150; height:15"> <img id="imgmenu2" border="0" src="URL PIC 1" width="12" height="12"> Kharegi Musics</div> <p></p> <blockquote> <span id="menu2" style="display:none;">Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 6<br> Item 7</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu3','imgmenu3','title3')" onmouseout="setoutstyles('menu3','imgmenu3','title3')" class="curhand" onclick="displayit('menu3','title3','imgmenu3')" id="title3" style="position:static; width:150; height:15"> <img id="imgmenu3" border="0" src="URL PIC 1" width="12" height="12"> Persian Videos</div> <p></p> <blockquote> <span id="menu3" style="display:none;">Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 5<br> Item 6</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu4','imgmenu4','title4')" onmouseout="setoutstyles('menu4','imgmenu4','title4')" class="curhand" onclick="displayit('menu4','title4','imgmenu4');" id="title4" style="position:static; width:150; height:15"> <img id="imgmenu4" border="0" src="URL PIC 1" width="12" height="12"> Kharegi Videos</div> <p></p> <blockquote> <span id="menu4" style="display:none;"> Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 6</span> </blockquote> <p></p> <div onmouseover="setoverstyles('menu5','imgmenu5','title5')" onmouseout="setoutstyles('menu5','imgmenu5','title5')" class="curhand" onclick="displayit('menu5','title5','imgmenu5')" id="title5" style="position:static; width:150; height:15"> <img id="imgmenu5" border="0" src="URL PIC 1" width="12" height="12"> Funyy Videos</div> <p></p> <blockquote> <span id="menu5" style="display:none;"> Item 1<br> Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5</span> </blockquote> </body> </html>

نمايش تصوير به صورت شيشه اي که با قرار گرفتن نشانگر موس بر روي آن تصوير حالت شيشه اي را از دست ميدهد

<head> <script language="JavaScript1.2"> function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=100 else cur.filters.alpha.opacity=20 } </script> </head> <body> <a href="URL LINK"> <img src="URL PIC" border=0 style="filter:alpha(opacity=20)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a> </body>

قفل کردن راست کليک بدون پيام

قفل کردن راست کليک با پيام

<SCRIPT language=javascript> function noRightClick() { if (event.button==2) { alert('! هنوز نيومده ميخواي چيکار کني شيطون بلا') } } document.onmousedown=noRightClick </SCRIPT>

قفل کردن راست کليک با لرزش صفحه

<SCRIPT language=""> document.onmousedown=click var times=0 var times2=10 function click() { if ((event.button==2) || (event.button==3)) { if (times>=0) { earthquake() } alert("\n\n Nem faz isso, q aki naum é page lammerz!!"); times++ } } function earthquake () { alert("Custom message") window.moveTo(0, 0) window.moveTo(1, 1) window.moveTo(2, 2) window.moveTo(3, 3) window.moveTo(4, 4) window.moveTo(5, 5) window.moveTo(6, 6) window.moveTo(7, 7) window.moveTo(8, 8) window.moveTo(9, 9) window.moveTo(10, 10) window.moveTo(9, 9) window.moveTo(8, 8) window.moveTo(7, 7) window.moveTo(6, 6) window.moveTo(5, 5) window.moveTo(4, 4) window.moveTo(3, 3) window.moveTo(2, 2) window.moveTo(1, 1) tremmors() } function tremmors() { window.moveTo(0, 0) window.moveTo(1, 1) window.moveTo(2, 2) window.moveTo(3, 3) window.moveTo(4, 4) window.moveTo(5, 5) window.moveTo(6, 6) window.moveTo(7, 7) window.moveTo(8, 8) window.moveTo(9, 9) window.moveTo(10, 10) window.moveTo(9, 9) window.moveTo(8, 8) window.moveTo(7, 7) window.moveTo(6, 6) window.moveTo(5, 5) window.moveTo(4, 4) window.moveTo(3, 3) window.moveTo(2, 2) window.moveTo(1, 1) tremmors() } </SCRIPT>

تصوير به دنبال نشانگر موس با قابليت غير فعال کردن

<html> <head> </head> <body> <script> var ns = (document.layers)?1:0; var Anim=new Array(); /* holds interval events */ var imgwidth=40; // Image width var imgheight=40; // Image height var button = Array(); // to pre-cache images button[0]=new Image(); button[0].src="URL PIC 1"; button[1]=new Image(); button[1].src="URL PIC 3"; var text="<table width=10 bgcolor=#ffffff><td><a href='javascript:showhideAnimation()'><center><img name='Button' src='"+button[0].src+"' width='"+imgwidth+"' height='"+imgheight+"' border='0'></center></a></font></td></table>" // A bit of HTML code to display the button //Initialize some variables to make the button always to appear on the frame's bottom-right corner if (ns) { document.write("<LAYER NAME='FlyOnOff' LEFT=0 TOP=0>"+text+"</LAYER>"); horz=".left"; vert=".top"; docStyle="document."; styleDoc=""; innerW="window..innerWidth"; innerH="window.innerHeight"; offsetX="window.pageXOffset"; offsetY="window.pageYOffset"; }else { document.write("<div id='FlyOnOff' style='position:absolute; visibility:show; left:235px; top:-50px; z-index:2'>"+text+"</div>"); horz=".pixelLeft"; vert=".pixelTop"; docStyle=""; styleDoc=".style"; innerW="document.body.clientWidth"; innerH="document.body.clientHeight"; offsetX="document.body.scrollLeft"; offsetY="document.body.scrollTop"; } // Moves the button in the right position function checkLocation() { objectXY="FlyOnOff"; var availableX=eval(innerW); var availableY=eval(innerH); var currentX=eval(offsetX); var currentY=eval(offsetY); x=availableX-(imgwidth+30)+currentX; y=availableY-(imgheight+20)+currentY; eval(docStyle + objectXY + styleDoc + horz + "=" + x); eval(docStyle + objectXY + styleDoc + vert + "=" + y); } Anim[0]=setInterval('checkLocation()', 10); (document.layers)?window.captureEvents(Event.MOUSEMOVE):0; (document.layers)?window.onMouseMove=getMousePosition:document.onmousemove=getMousePosition; var Dot_Ro=60; //Dot's distance from the mouse pointer var Dot_Theta=0; //Dot's initial angle var Dot_Speed; //Dot's absolute Angular speed var Dot_Direction=1; //Dot's direction (1=clockwise) var Dot_x=0; //Dot's original position var Dot_y=0; var alpha; //Angle from the fly to the mouse var mult; //Ausiliary variable to define the angle var picX = 20; //Fly's coords. var picY = 100; var mouseX = 0; //Mouse coords. var mouseY = 0; var step = 10; //Pixels var speed = 100;//u-seconds // Dir specifies the right picture; // img pre-caches images. var dir = Array(); dir[-4]="URL PIC1.gif"; dir[-1]="URL PIC2.gif"; dir[-2]="URL PIC3.gif"; dir[-3]="URL PIC4.gif"; dir[3]="URL PIC1.gif"; dir[4]="URL PIC2.gif"; dir[1]="URL PIC3.gif"; dir[2]="URL PIC4.gif"; dir[0]=""; var img = Array(); for (var i=-4; i<5; i++){ img[i]=new Image(); img[i].src=dir[i]; } // Some HTML code to show the fly. if (ns) { document.write("<LAYER NAME='FlyDiv' LEFT=0 TOP=0><img src="+dir[1]+" name='pic'></LAYER>"); }else { document.write("<div id='FlyDiv' style='position:absolute'>"); document.write("<img name='pic' src=" + dir[1] + "></div>"); } // Shows the proper image for the fly. function display(direction) { //direction must be from -4 to 4, but not 0. if (ns) { document.pic.src = dir[direction]; }else{ pic.src = dir[direction]; } } function getMousePosition(e) { mouseY=(ns)?e.pageY:window.event.y + document.body.scrollTop; mouseX=(ns)?e.pageX:window.event.x + document.body.scrollLeft; } //Calculate new position function calcNewPos() { var dist=Math.sqrt(Math.pow(mouseY-picY,2) + Math.pow(mouseX-picX,2)); Dot_Speed=Math.PI/15; Dot_Theta+=Dot_Direction*Dot_Speed; Dot_x=mouseX+Dot_Ro*Math.cos(Dot_Theta); Dot_y=mouseY+Dot_Ro*Math.sin(Dot_Theta); var arg = (Dot_y-picY) / (Dot_x-picX); mult = (Dot_x - picX < 0)? mult = -1:1; alpha = Math.atan(arg); var dx = mult * step * Math.cos(alpha); var dy = mult * step * Math.sin(alpha); picX += dx; picY += dy; } //Shows or hides the fly when the "button" is pressed function showhideAnimation() { if (ns) { document.layers['FlyDiv'].visibility=document.layers['FlyDiv'].visibility=="hide"?"show":"hide"; document.Button.src = document.layers['FlyDiv'].visibility=="hide"?button[1].src:button[0].src; }else { FlyDiv.style.visibility=="hidden"?FlyDiv.style.visibility = "visible":FlyDiv.style.visibility = "hidden"; Button.src = FlyDiv.style.visibility=="hidden"?button[1].src:button[0].src; } } // Moves the fly around the screen function moveFly() { // moves the fly in a new position... calcNewPos(); if (ns) { document.layers['FlyDiv'].left = picX; document.layers['FlyDiv'].top = picY; }else{ FlyDiv.style.left = picX - pic.width / 2; FlyDiv.style.top = picY - pic.height / 2; } // ... and changes the image. alpha=-180*alpha/Math.PI; alpha+=22.5; var OK=0; for(var i=0; (i<4)&& !OK; i++){ if (alpha<-Math.PI+45*i){ display(mult*(i+1)); OK=1; } } } // Changes Dot's turning direction function ChangeDotDirection() { Dot_Direction=-Dot_Direction; Dot_Theta+=Math.PI; } //Go! Anim[1]=setInterval('moveFly()', speed); Anim[2]=setInterval('ChangeDotDirection()', speed*50); function killIt() { for(var i=0;i<Anim.length;i++) { if(Anim[i]) { clearInterval(Anim[i]); Anim[i]=null; } } } </script> </body> </html>

حرکت فنري تصوير به دنبال نشانگر موس

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="URL PIC" height=11 width=11></div> <div id="dot1" style="position: absolute; height:12; width:12;"><img src="URL PIC" height=15 width=15></div> <div id="dot2" style="position: absolute; height:12; width:12;"><img src="URL PIC" height=12 width=12></div> <div id="dot3" style="position: absolute; height:12; width:12;"><img src="URL PIC" height=15 width=15></div> <div id="dot4" style="position: absolute; height:12; width:12;"><img src="URL PIC" height=12 width=12></div> <div id="dot5" style="position: absolute; height:12; width:12;"><img src="URL PIC" height=15 width=15></div> <div id="dot6" style="position: absolute; height:12; width:12;"><img src="URL PIC" height=12 width=12></div> <SCRIPT LANGUAGE="JavaScript">  </script>

متن انتخابي شما به دنبال نشانگر موس

چرخش متن انتخابي شما به دور نشانگر موس

<head> <meta http-equiv="Content-Language" content="en-us"> </head> <SCRIPT LANGUAGE="JavaScript">  </script> </body> </html>

چرخش سه رنگ به دور نشانگر موس

<body> <script language="JavaScript"> var a_Colour="red"; var b_Colour="blue"; var c_Colour="green"; var Size=40; //Alter nothing below !! var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.03; if (document.layers){ window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt){ xpos = window.pageYOffset+evnt.pageX+6; ypos = window.pageYOffset+evnt.pageY+16; } window.onMouseMove = nsMouse; } else if (document.all) { function ieMouse(){ xpos = document.body.scrollLeft+event.x+6; ypos = document.body.scrollTop+event.y+16; } document.onmousemove = ieMouse; } function swirl(){ for (i = 0; i < 3; i++) { YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep)*6); XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep)*6); } ThisStep+=step; setTimeout('swirl()',10); } var amount=10; if (document.layers){ for (i = 0; i < amount; i++) { document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>'); document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>'); document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>'); } } else if (document.all){ document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">' +'<div id="IDiv" style="position:relative">'); for (i = 0; i < amount; i++) { document.write('<div id=x style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+a_Colour+';font-size:'+i/2+'"></div>'); document.write('<div id=y style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+b_Colour+';font-size:'+i/2+'"></div>'); document.write('<div id=z style="position:absolute;top:0px;left:0px;width:'+i/2+';height:'+i/2+';background:'+c_Colour+';font-size:'+i/2+'"></div>'); } document.write('</div></div>'); } function prepos(){ var ntscp=document.layers; var msie=document.all; if (document.layers){ for (i = 0; i < amount; i++) { if (i < amount-1) { ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left; ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left; ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left; } else { ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0]; ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1]; ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2]; } } } else if (document.all){ for (i = 0; i < amount; i++) { if (i < amount-1) { msie.x[i].style.top=msie.x[i+1].style.top;msie.x[i].style.left=msie.x[i+1].style.left; msie.y[i].style.top=msie.y[i+1].style.top;msie.y[i].style.left=msie.y[i+1].style.left; msie.z[i].style.top=msie.z[i+1].style.top;msie.z[i].style.left=msie.z[i+1].style.left; } else { msie.x[i].style.top=YDummy[0];msie.x[i].style.left=XDummy[0]; msie.y[i].style.top=YDummy[1];msie.y[i].style.left=XDummy[1]; msie.z[i].style.top=YDummy[2];msie.z[i].style.left=XDummy[2]; } } } setTimeout("prepos()",10); } function Start(){ swirl(),prepos() } window.onload=Start; // --> </script> </body></body> </html>

ساعت به دنبال نشانگر موس 1

<SCRIPT LANGUAGE="JavaScript"> colors = new Array('330099','00ff00','ff00ff'); //Clock face colors. sCol = 'ff00ff'; //seconds colour. mCol = '00ff00'; //minutes colour. hCol = '330099'; //hours colour. H = 'Hours...'; H = H.split(''); H = H.reverse(); M = 'Minutes...'; M = M.split(''); M = M.reverse(); S = 'Seconds...'; S = S.split(''); S = S.reverse(); dots = 12; var Ypos = 0,Xpos = 0,Ybase = 0,Xbase = 0; var ay = 0, ax = 0, Ay = 0, Ax = 0, by = 0, bx = 0, By = 0, Bx = 0, cy = 0, cx = 0, Cy = 0, Cx = 0, dy = 0, dx = 0, Dy = 0, Dx = 0; count = 0; count_a = 0; move = 1; ns = (document.layers)?1:0; viz = (document.layers)?'hide':'hidden'; if (ns) { for (i = 0; i < dots; i++) document.write('<layer name=nface'+i+' top=0 left=0 bgcolor=#ffffff clip="0,0,3,3"></layer>'); for (i = 0; i < S.length; i++) document.write('<layer name=nx'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+sCol+'><center>'+S[i]+'</center></font></layer>'); for (i = 0; i < M.length; i++) document.write('<layer name=ny'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+mCol+'><center>'+M[i]+'</center></font></layer>'); for (i = 0; i < H.length; i++) document.write('<layer name=nz'+i+' top=0 left=0 width=36 height=36><font face=Verdana size=2 color='+hCol+'><center>'+H[i]+'</center></font></layer>'); } else{ document.write('<div id="W" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < dots; i++) { document.write('<div id="face" style="position:absolute;top:0px;left:0px;width:3px;height:3px;font-size:3px;background:#ffffff"></div>'); } document.write('</div></div>'); document.write('<div id="X" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < S.length; i++) { document.write('<div id="x" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+sCol+';text-align:center;padding-top:10px">'+S[i]+'</div>'); } document.write('</div></div>') document.write('<div id="Y" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < M.length; i++) { document.write('<div id="y" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+mCol+';text-align:center;padding-top:10px">'+M[i]+'</div>'); } document.write('</div></div>') document.write('<div id="Z" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i = 0; i < H.length; i++) { document.write('<div id="z" style="position:absolute;width:36px;height:36px;font-family:Verdana;font-size:12px;color:'+hCol+';text-align:center;padding-top:10px">'+H[i]+'</div>'); } document.write('</div></div>'); } if (ns) { window.captureEvents(Event.MOUSEMOVE); function nsMouse(evnt) { Ypos = evnt.pageY + 100; Xpos = evnt.pageX + 100; } window.onMouseMove = nsMouse; } else{ function ieMouse() { Ypos = event.y + 100; Xpos = event.x + 100; } document.onmousemove = ieMouse; } function clock() { time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs / 30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins / 30; hr = time.getHours(); hrs = -1.575 + Math.PI * hr / 6 + Math.PI * parseInt(time.getMinutes()) / 360; Ybase = 15; Xbase = 15; if (ns) { document.layers["nx"+0].visibility = viz; document.layers["ny"+0].visibility = viz; document.layers["nz"+0].visibility = viz; for (i = 0; i < S.length; i++) { document.layers["nx"+i].top = ay - 12 + (i * Ybase) * Math.sin(sec); document.layers["nx"+i].left = ax - 12 + (i * Xbase) * Math.cos(sec); } for (i = 0; i < M.length; i++) { document.layers["ny"+i].top = by - 12 + (i * Ybase) * Math.sin(min); document.layers["ny"+i].left = bx - 12 + (i * Xbase) * Math.cos(min); } for (i = 0; i < H.length; i++) { document.layers["nz"+i].top = cy - 12 + (i * Ybase) * Math.sin(hrs); document.layers["nz"+i].left = cx - 12 + (i * Xbase) * Math.cos(hrs); } for (i = 0; i < dots; ++i) { document.layers["nface"+i].top = dy - 2 + (70 * Math.sin(-0.49+dots+i/1.9)); document.layers["nface"+i].left = dx + 4 + (70 * Math.cos(-0.49+dots+i/1.9)); } } else { var scrll = document.body.scrollTop; W.style.pixelTop = scrll; X.style.pixelTop = scrll; Y.style.pixelTop = scrll; Z.style.pixelTop = scrll; x[0].style.visibility=viz; y[0].style.visibility = viz; z[0].style.visibility = viz; for (i = 0; i < S.length; i++) { x[i].style.pixelTop = ay - 12 + (i * Ybase) * Math.sin(sec); x[i].style.pixelLeft = ax - 12 + (i * Xbase) * Math.cos(sec); } for (i = 0; i < M.length; i++) { y[i].style.pixelTop = by - 12 + (i * Ybase) * Math.sin(min); y[i].style.pixelLeft = bx - 12 + (i * Xbase) * Math.cos(min); } for (i = 0; i < H.length; i++) { z[i].style.pixelTop = cy - 12 + (i * Ybase) * Math.sin(hrs); z[i].style.pixelLeft = cx - 12 + (i * Xbase) * Math.cos(hrs); } for (i = 0; i < dots; ++i) { face[i].style.pixelTop = dy + 6 + (70 * Math.sin(-0.49 + dots + i / 1.9)); face[i].style.pixelLeft = dx + 4 + (70 * Math.cos(-0.49 + dots + i / 1.9)); } } } function MouseFollow() { ay = Math.round(Ay += ((Ypos) - Ay) * 4 / 15); ax = Math.round(Ax += ((Xpos) - Ax) * 4 / 15); by = Math.round(By += (ay - By) * 4 / 15); bx = Math.round(Bx += (ax - Bx) * 4 / 15); cy = Math.round(Cy += (by - Cy) * 4 / 15); cx = Math.round(Cx += (bx - Cx) * 4 / 15); dy = Math.round(Dy += (cy - Dy) * 4 / 15); dx = Math.round(Dx += (cx - Dx) * 4 / 15); clock(); setTimeout('MouseFollow()',10); } function colorstep() { count +=move; if (count >= dots) {count=0;count_a += move} if (count_a == colors.length) count_a = 0; if (ns) document.layers["nface"+count].bgColor = colors[count_a]; else face[count].style.background = colors[count_a]; setTimeout('colorstep()',100) } function StartAll() { MouseFollow(); colorstep(); } if (document.layers || document.all) window.onload = StartAll; </script> <p align="center"> </p>

ساعت به دنبال نشانگر موس 2

<HEAD> <SCRIPT LANGUAGE="JavaScript">     </script>

هدفگير يا به علاوه به دنبال موس

ساعت عقربه دار لغزان

</SCRIPT> <SCRIPT language=JavaScript> fCol='FF0099'; //face colour. sCol='9900FF'; //seconds colour. mCol='00FFFF'; //minutes colour. hCol='00FFFF'; //hours colour. Ybase=30; //Clock height. Xbase=40; //Clock width. H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); NS4=(document.layers); NS6=(document.getElementById&&!document.all); IE4=(document.all); Ypos=0; Xpos=0; dots=12; Split=360/dots; if (NS6){ for (i=1; i < dots+1; i++){ document.write('<div id="n6Digits'+i+'" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:#'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } for (i=0; i < M.length; i++){ document.write('<div id="Ny'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+mCol+'"></div>'); } for (i=0; i < H.length; i++){ document.write('<div id="Nz'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+hCol+'"></div>'); } for (i=0; i < S.length; i++){ document.write('<div id="Nx'+i+'" style="position:absolute;top:0px;left:0px;width:2px;height:2px;font-size:2px;background:#'+sCol+'"></div>'); } } if (NS4){ dgts='1 2 3 4 5 6 7 8 9 10 11 12'; dgts=dgts.split(' ') for (i=0; i < dots; i++){ document.write('<layer name=nsDigits'+i+' top=0 left=0 height=30 width=30><center><font face=Arial size=1 color='+fCol+'>'+dgts[i]+'</font></center></layer>'); } for (i=0; i < M.length; i++){ document.write('<layer name=ny'+i+' top=0 left=0 bgcolor='+mCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < H.length; i++){ document.write('<layer name=nz'+i+' top=0 left=0 bgcolor='+hCol+' clip="0,0,2,2"></layer>'); } for (i=0; i < S.length; i++){ document.write('<layer name=nx'+i+' top=0 left=0 bgcolor='+sCol+' clip="0,0,2,2"></layer>'); } } if (IE4){ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=1; i < dots+1; i++){ document.write('<div id="ieDigits" style="position:absolute;top:0px;left:0px;width:30px;height:30px;font-family:Arial;font-size:10px;color:'+fCol+';text-align:center;padding-top:10px">'+i+'</div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++){ document.write('<div id=y style="position:absolute;width:2px;height:2px;font-size:2px;background:'+mCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++){ document.write('<div id=z style="position:absolute;width:2px;height:2px;font-size:2px;background:'+hCol+'"></div>'); } document.write('</div></div>') document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++){ document.write('<div id=x style="position:absolute;width:2px;height:2px;font-size:2px;background:'+sCol+'"></div>'); } document.write('</div></div>') } function clock(){ time = new Date (); secs = time.getSeconds(); sec = -1.57 + Math.PI * secs/30; mins = time.getMinutes(); min = -1.57 + Math.PI * mins/30; hr = time.getHours(); hrs = -1.57 + Math.PI * hr/6 + Math.PI*parseInt(time.getMinutes())/360; if (NS6){ Ypos=window.pageYOffset+window.innerHeight-Ybase-25; Xpos=window.pageXOffset+window.innerWidth-Xbase-30; for (i=1; i < dots+1; i++){ document.getElementById("n6Digits"+i).style.top=Ypos-15+Ybase*Math.sin(-1.56 +i *Split*Math.PI/180) document.getElementById("n6Digits"+i).style.left=Xpos-15+Xbase*Math.cos(-1.56 +i*Split*Math.PI/180) } for (i=0; i < S.length; i++){ document.getElementById("Nx"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(sec); document.getElementById("Nx"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ document.getElementById("Ny"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(min); document.getElementById("Ny"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ document.getElementById("Nz"+i).style.top=Ypos+i*Ybase/4.1*Math.sin(hrs); document.getElementById("Nz"+i).style.left=Xpos+i*Xbase/4.1*Math.cos(hrs); } } if (NS4){ Ypos=window.pageYOffset+window.innerHeight-Ybase-20; Xpos=window.pageXOffset+window.innerWidth-Xbase-30; for (i=0; i < dots; ++i){ document.layers["nsDigits"+i].top=Ypos-5+Ybase*Math.sin(-1.045 +i*Split*Math.PI/180) document.layers["nsDigits"+i].left=Xpos-15+Xbase*Math.cos(-1.045 +i*Split*Math.PI/180) } for (i=0; i < S.length; i++){ document.layers["nx"+i].top=Ypos+i*Ybase/4.1*Math.sin(sec); document.layers["nx"+i].left=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ document.layers["ny"+i].top=Ypos+i*Ybase/4.1*Math.sin(min); document.layers["ny"+i].left=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ document.layers["nz"+i].top=Ypos+i*Ybase/4.1*Math.sin(hrs); document.layers["nz"+i].left=Xpos+i*Xbase/4.1*Math.cos(hrs); } } if (IE4){ Ypos=document.body.scrollTop+window.document.body.clientHeight-Ybase-20; Xpos=document.body.scrollLeft+window.document.body.clientWidth-Xbase-20; for (i=0; i < dots; ++i){ ieDigits[i].style.pixelTop=Ypos-15+Ybase*Math.sin(-1.045 +i *Split*Math.PI/180) ieDigits[i].style.pixelLeft=Xpos-15+Xbase*Math.cos(-1.045 +i *Split*Math.PI/180) } for (i=0; i < S.length; i++){ x[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(sec); x[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(min); y[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop =Ypos+i*Ybase/4.1*Math.sin(hrs); z[i].style.pixelLeft=Xpos+i*Xbase/4.1*Math.cos(hrs); } } setTimeout('clock()',100); } clock(); //--> </SCRIPT> <SCRIPT language=JavaScript> fCol='FF0099'; //face colour. sCol='9900FF'; //seconds colour. mCol='00FFFF'; //minutes colour. hCol='00FFFF'; //hours colour. Ybase=30; //Clock height. Xbase=40; //Clock width. </body> </html>

ساعت ميله اي با جدول

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </script> </HEAD>  <BODY onLoad="clock();">  <form name="clock"><table><tr><td>Hours:</td><td> <input type="text" name="h" size="10" style="border: 0"></td></tr><tr><td colspan=2><input type=text name="hours" size="24" style="color: navy"></td> </tr><tr><td>Minutes:</td><td><input type="text" name="m" size="10" style="border: 0"> </td></tr><tr><td colspan=2><input type=text name="minutes" size="60" style="color: navy"></td></tr> <tr><td>Seconds:</td><td><input type="text" name="s" size="10" style="border: 0"></td> </tr><tr><td colspan=2><input type=text name="seconds" size="69" style="color: navy"> </td></tr><tr><td>Time: <input type=text name="time" size="20" style="border: 0"> </td></tr></table></form>

ساعت عقربه دار ثابت

<HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript">     </script> <style> ..num {color:white;width:30px;text-align:center; } </style> </HEAD> <body onLoad="javascript:startClock();"> <div id="c0" style="position:absolute;left:36;top:36; z-index:2;"> <table> <tr> <td bgcolor=000000 width=120 height=120> </td> </tr> </table> </div> <div id="c1" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>1</b></div> <div id="c2" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>2</b></div> <div id="c3" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>3</b></div> <div id="c4" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>4</b></div> <div id="c5" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>5</b></div> <div id="c6" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>6</b></div> <div id="c7" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>7</b></div> <div id="c8" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>8</b></div> <div id="c9" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>9</b></div> <div id="c10" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>10</b></div> <div id="c11" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>11</b></div> <div id="c12" class="num" style="position:absolute;left:20;top:-20; z-index:5;font-size:11px;"><b>12</b></div> <div id="ob0" class="num" style="position:absolute;left:-20;top:-20;z-index:1"> </div> <div id="ob1" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob2" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob3" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob4" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob5" class="num" style="position:absolute;left:-20;top:-20;z-index:8"> <font size="+3" color="#0000ff"><b>.</b></font></div> <div id="ob6" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob7" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob8" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob9" class="num" style="position:absolute;left:-20;top:-20;z-index:7"> <font size="+3" color="#00ffff"><b>.</b></font></div> <div id="ob10" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob11" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> <div id="ob12" class="num" style="position:absolute;left:-20;top:-20;z-index:6"> <font size="+3" color="#ffff00"><b>.</b></font></div> </body> </html>

ساعت و تاريخ در نوار وضعيت

يک ساعت کامپيوتري ساده

<SCRIPT LANGUAGE="JavaScript"> var timerID = null; var timerRunning = false; function stopclock () { if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." document.clock.face.value = timeValue; // you could replace the above with this // and have a clock on the status bar: // window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { // Make sure the clock is stopped stopclock(); showtime(); } </SCRIPT> <BODY onLoad="startclock(); timerONE=window.setTimeout" BGCOLOR="000080" TEXT="ffffff"> <CENTER><form name="clock" onSubmit="0"> <input type="text" name="face" size=13 value=""></CENTER>

ساعتي ساده با قابليت نشان دادن مدت زماني که کاربر در سايت يا وبلاگ شماست به اين صورت که روي ساعت بايد کليک شود 1

ساعتي ساده با قابليت نشان دادن مدت زماني که کاربر در سايت يا وبلاگ شماست به اين صورت که روي ساعت بايد کليک شود 2

<BODY> <SCRIPT LANGUAGE="JavaScript">     </SCRIPT>  </body> </html>

يک ساعت کامپيوتري بدون تاريخ در نوار وضعيت

<html> <script Language="JavaScript"> var timerID = null; var timerRunning = false; function stopclock (){ if(timerRunning) clearTimeout(timerID); timerRunning = false; } function showtime () { var now = new Date(); var hours = now.getHours(); var minutes = now.getMinutes(); var seconds = now.getSeconds() var timeValue = "" + ((hours >12) ? hours -12 :hours) timeValue += ((minutes < 10) ? ":0" : ":") + minutes timeValue += ((seconds < 10) ? ":0" : ":") + seconds timeValue += (hours >= 12) ? " P.M." : " A.M." window.status = timeValue; timerID = setTimeout("showtime()",1000); timerRunning = true; } function startclock () { stopclock(); showtime(); } </script> </head> <body BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="startclock()"> </body> </html>

ساعتهاي بعضي از شهرهاي خارجي

<table border="0" width="200" cellspacing="0" cellpadding="3"> <form name="where"> <tr> <td width="100%"> <select name="city" size="1" onchange="updateclock(this);"> <option value="" selected>Local time</option> <option value="0">London GMT</option> <option value="1">Rome</option> <option value="7">Bangkok</option> <option value="8">Hong Kong</option> <option value="9">Tokyo</option> <option value="10">Sydney</option> <option value="12">Fiji</option> <option value="-10">Hawaii</option> <option value="-8">San Francisco</option> <option value="-5">New York</option> <option value="-3">Buenos Aires</option> </select> </td> </tr> <tr> <td width="100%"> <script language="JavaScript"> /* Drop Down World Clock- By Learn iran (http://www.learniran.com) Portions of code by Kurt @ http://www.learniran.com/ This credit notice must stay intact */ if (document.all||document.getElementById) document.write('<span id="worldclock" style="font:bold 16px Arial;"></span><br>') zone=0; isitlocal=true; ampm=''; function updateclock(z){ zone=z.options[z.selectedIndex].value; isitlocal=(z.options[0].selected)?true:false; } function WorldClock(){ now=new Date(); ofst=now.getTimezoneOffset()/60; secs=now.getSeconds(); sec=-1.57+Math.PI*secs/30; mins=now.getMinutes(); min=-1.57+Math.PI*mins/30; hr=(isitlocal)?now.getHours():(now.getHours() + parseInt(ofst)) + parseInt(zone); hrs=-1.575+Math.PI*hr/6+Math.PI*parseInt(now.getMinutes())/360; if (hr < 0) hr+=24; if (hr > 23) hr-=24; ampm = (hr > 11)?"PM":"AM"; statusampm = ampm.toLowerCase(); hr2 = hr; if (hr2 == 0) hr2=12; (hr2 < 13)?hr2:hr2 %= 12; if (hr2<10) hr2="0"+hr2 var finaltime=hr2+':'+((mins < 10)?"0"+mins:mins)+':'+((secs < 10)?"0"+secs:secs)+' '+statusampm; if (document.all) worldclock.innerHTML=finaltime else if (document.getElementById) document.getElementById("worldclock").innerHTML=finaltime else if (document.layers){ document.worldclockns.document.worldclockns2.document.write(finaltime) document.worldclockns.document.worldclockns2.document.close() } setTimeout('WorldClock()',1000); } window.onload=WorldClock //--> </script>  <ilayer id="worldclockns" width=100% height=35><layer id="worldclockns2" width=100% height=35 left=0 top=0 style="font:bold 16px Arial;"></layer></ilayer> <p> </td> </form> </tr> </table>

ساعتهاي بيشتر شهرهاي جهان

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <BODY onLoad="javascript:GetTime();">  <center> <form name="clock"> <strong>Local Time <input type="text" size="8" name="local"></strong> <p> Eniwetok (GMT-12) <input type="text" size="8" name="eniw"><br> Samoa (GMT-11) <input type="text" size="8" name="sam"><br> Hawaii (GMT-10) <input type="text" size="8" name="Hawaii"> <p> Alaska (GMT-9) <input type="text" size="8" name="alaska"><br> Pacific Time (GMT-8) <input type="text" size="8" name="pacif"><br> Mountain Time (GMT-7) <input type="text" size="8" name="mount"> <p> Central Time (GMT-6) <input type="text" size="8" name="center"><br> Eastern Time (GMT-5) <input type="text" size="8" name="east"><br> Atlantic Time (GMT-4) <input type="text" size="8" name="atl"> <p> Brazilia (GMT-3) <input type="text" size="8" name="bra"><br> Mid-Atlantic (GMT-2) <input type="text" size="8" name="mid"><br> Azores (GMT-1) <input type="text" size="8" name="azo"> <p> <strong>Greenwich Mean Time (GMT) <input type="text" size="8" name="_GMT"></strong> <p> Rome (GMT +1) <input type="text" size="8" name="rome"><br> Israel (GMT +2) <input type="text" size="8" name="Israel"><br> Moscow (GMT +3) <input type="text" size="8" name="msw"> <p> Baku (GMT +4) <input type="text" size="8" name="baku"><br> New Delhi (GMT +5) <input type="text" size="8" name="del"><br> Dhakar (GMT +6) <input type="text" size="8" name="dh"> <p> Bangkok (GMT +7) <input type="text" size="8" name="kok"><br> Hong Kong (GMT +8) <input type="text" size="8" name="ho"><br> Tokyo (GMT +9) <input type="text" size="8" name="tky"> <p> Sydney (GMT +10) <input type="text" size="8" name="sdn"><br> Magadan (GMT +11) <input type="text" size="8" name="mag"><br> Wellington (GMT +12) <input type="text" size="8" name="wll"> </form> </center> <p><center> <font face="arial, helvetica" SIZE="-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">JavaScript Source Code 3000</a></font> </center><p>

يک تقويم جالب

(Title) يک ساعت ديجيتالي در نوار عنوان

شما در ياهو آنلاين هستيد؟ سايز بزرگ

شما در ياهو آنلاين هستيد؟ سايز متوسط

شما در ياهو آنلاين هستيد؟ سايز کوچک

متن سايه دار

<html> <head> <script type = "TEXT/JAVASCRIPT" LANGUAGE = "JAVASCRIPT"> function doShadow(newDiretction){ if (document.all && newDiretction < 360) { newDiretction += 10 document.all.dropText.style.filter="shadow(direction=" + newDiretction + ")" setTimeout("doShadow(" + newDiretction + ")" , 100) } } </script> <STYLE TYPE="TEXT/CSS"> #dropText {width: 500px; height: 100px; font-size: 36px; filter: shadow(direction=90)} </STYLE> </head> <body> <DIV ID="dropText"> Nazanin Studio </DIV> </body> </html>

متن نوراني

<h2> <script language="JavaScript1.2"> /* Neon Lights Text By JavaScript (http://learniran.com) Over 500+ free scripts here! */ var message="Welcome to my weblog!" var neonbasecolor="gray" var neontextcolor="yellow" var flashspeed=100 //in milliseconds ///No need to edit below this line///// var n=0 if (document.all){ document.write('<font color="'+neonbasecolor+'">') for (m=0;m<message.length;m++) document.write('<span id="neonlight">'+message.charAt(m)+'</span>') document.write('</font>') //cache reference to neonlight array var tempref=document.all.neonlight } else document.write(message) function neon(){ //Change all letters to base color if (n==0){ for (m=0;m<message.length;m++) tempref[m].style.color=neonbasecolor } //cycle through and change individual letters to neon color tempref[n].style.color=neontextcolor if (n<tempref.length-1) n++ else{ n=0 clearInterval(flashing) setTimeout("beginneon()",1500) return } } function beginneon(){ if (document.all) flashing=setInterval("neon()",flashspeed) } beginneon() </script> </h2>

متن خود را به پرواز در آوريد

<STYLE type=text/css>#supertext { LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden } </STYLE> <script language="JavaScript1.2"> var thecontent='<h2><font color="#0000FF">Welcome to my weblog!</font></h2>' var hidetimer=''; var BallSpeed = 5; var contentWidth; var contentHeight; var maxBallSpeed = 50; var xMax; var yMax; var xPos = 0; var yPos = 0; var xDir = 'right'; var yDir = 'down'; var superballRunning = true; var tempBallSpeed; var currentBallSrc; var newXDir; var newYDir; function initializeBall() { if (document.all) { xMax = document.body.clientWidth yMax = document.body.clientHeight document.all("supertext").style.visibility = "visible"; contentWidth=supertext.offsetWidth contentHeight=supertext.offsetHeight } else if (document.layers) { xMax = window.innerWidth; yMax = window.innerHeight; contentWidth=document.supertext.document.width contentHeight=document.supertext.document.height document.layers["supertext"].visibility = "show"; } setTimeout('moveBall()',400); if (hidetimer!='') setTimeout("hidetext()",hidetimer) } function moveBall() { if (superballRunning == true) { calculatePosition(); if (document.all) { document.all("supertext").style.left = xPos + document.body.scrollLeft; document.all("supertext").style.top = yPos + document.body.scrollTop; } else if (document.layers) { document.layers["supertext"].left = xPos + pageXOffset; document.layers["supertext"].top = yPos + pageYOffset; } animatetext=setTimeout('moveBall()',20); } } function calculatePosition() { if (xDir == "right") { if (xPos > (xMax - contentWidth - BallSpeed)) { xDir = "left"; } } else if (xDir == "left") { if (xPos < (0 + BallSpeed)) { xDir = "right"; } } if (yDir == "down") { if (yPos > (yMax - contentHeight - BallSpeed)) { yDir = "up"; } } else if (yDir == "up") { if (yPos < (0 + BallSpeed)) { yDir = "down"; } } if (xDir == "right") { xPos = xPos + BallSpeed; } else if (xDir == "left") { xPos = xPos - BallSpeed; } else { xPos = xPos; } if (yDir == "down") { yPos = yPos + BallSpeed; } else if (yDir == "up") { yPos = yPos - BallSpeed; } else { yPos = yPos; } } function hidetext(){ if (document.all) supertext.style.visibility="hidden" else if (document.layers) document.supertext.visibility="hide" clearTimeout(animatetext) } if (document.all||document.layers){ document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>') window.onload = initializeBall; window.onresize = new Function("window.location.reload()"); } </script></body> </html>

بارش باران

<body> <SCRIPT LANGUAGE="JavaScript">  var no = 50; var speed = 2; var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var s, x, y, sn, cs; var a, r, cx, cy; var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } x = new Array(); y = new Array(); r = new Array(); cx = new Array(); cy = new Array(); s = 8; for (i = 0; i < no; ++ i) { initRain(); if (ns4up) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"1\" "); document.write("top=\"1\" visibility=\"show\"><font color=\"blue\">"); document.write(",</font></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">"); document.write(",</font></div>"); } } } function initRain() { a = 6; r[i] = 1; sn = Math.sin(a); cs = Math.cos(a); cx[i] = Math.random() * doc_width + 1; cy[i] = Math.random() * doc_height + 1; x[i] = r[i] * sn + cx[i]; y[i] = cy[i]; } function makeRain() { r[i] = 1; cx[i] = Math.random() * doc_width + 1; cy[i] = 1; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function updateRain() { r[i] += s; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function raindropNS() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = self.innerWidth; doc_height = self.innerHeight; } document.layers["dot"+i].top = y[i]; document.layers["dot"+i].left = x[i]; } setTimeout("raindropNS()", speed); } function raindropIE() { for (i = 0; i < no; ++ i) { updateRain(); if ((x[i] <= 1) || (x[i] >= (doc_width - 20)) || (y[i] >= (doc_height - 20))) { makeRain(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } document.all["dot"+i].style.pixelTop = y[i]; document.all["dot"+i].style.pixelLeft = x[i]; } setTimeout("raindropIE()", speed); } if (ns4up) { raindropNS(); } else if (ie4up) { raindropIE(); } // End --> </script> </body>

بارش برف

<!doctype HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style>.drop { FONT-SIZE: 40px; FILTER: flipV(), flipH(); WIDTH: 3px; COLOR: blue; POSITION: absolute } </style> <script language="javascript"> snow = true; // false-rain; true-snow snowsym = " * " //These are the symbols for each rainsym = " ' " //You can put images here. howmany = 20 //How many drops/snowflakes? if(snow){sym = snowsym; speed=1; angle=10; drops=howmany} else{sym = rainsym; speed=50; drops=howmany; angle=6} movex = -speed/angle; movey = speed; count = 0; function moverain(){ for(move = 0; move < drops; move++){ xx[move]+=movex; yy[move]+=mv[move]; hmm = Math.round(Math.random()*1); if(xx[move] < 0){xx[move] = maxx+10;} if(yy[move] > maxy){yy[move] = 10;} drop[move].left = xx[move] drop[move].top = yy[move]+document.body.scrollTop; }setTimeout('moverain()','1')} </script> <script language="javascript"> if (document.all){ drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array() ly = "document.all[\'"; st = "\'].style" for(make = 0; make < drops; make++){ document.write('<div id="drop'+make+'" class=drop>'+sym+'</div>'); drop[make] = eval(ly+'drop'+make+st); maxx = document.body.clientWidth-40 maxy = document.body.clientHeight-40 xx[make] = Math.random()*maxx; yy[make] = -100-Math.random()*maxy; drop[make].left = xx[make] drop[make].top = yy[make] mv[make] = (Math.random()*5)+speed/4; drop[make].fontSize = (Math.random()*10)+20; if(snow){col = 'white'}else{col = 'blue'} drop[make].color = col; } window.onload=moverain } </script> </html> </head>

نوشتن يک متن به صورت عمودي

<html> <head> <style> .myStyle { writing-mode: tb-rl; filter: flipH() flipV(); } </style> </head> <body> <span class="myStyle"> <font size="6" color="#000000">Nazanin Studio</font> </span> </body> </html>

بسته شدن صفحه در يک زمان معيين

باز کردن سي دي رام کاربر در هنگام بارگذاري صفحه به صورت اتوماتيک

با استفاده از اين کد تاريخ بروز رساني ثبت ميگردد

با اين کد ميتوانيد تبليغ پرشين بلاگ رو حذف نماييد

<SCRIPT LANGUAGE="JScript"> function removeAdv() { try { var divtags=document.all.tags('div') for(i=0;i<divtags.length;i++) if((divtags[i].style.zIndex==2000)|(divtags[i].style.zIndex==2001)) divtags[i].innerHTML='<table width="100%" align="right"><tr><td><font face="Tahoma" size="2" color="gray">Nazanin Studio</font></td></tr></table>' if((divtags[i].style.zIndex==1000)|(divtags[i].style.zIndex==1001)) divtags[i].innerHTML='<table width="100%" align="right"><tr><td><font face="Tahoma" size="2" color="gray">Nazanin Studio</font></td></tr></table>' } catch (e) {} } setInterval('removeAdv()',1000); </script>

با اين کد هم ميتوانيد تبليغ بلاگ اسکاي رو حذف نماييد

با اين کد ميتوانيد يک صفحه ي ديگري همراه با صفحه ي اصلي باز نماييد که تنظيمات آن هم در دست خودتان است

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

با استفاده از اين کد ميتوانيد اين امکان را به کاربر خود بدهيد که صفحه ي شما را صفحه ي خانگيه خود کند

<A href="javascript:history.go(0)" onClick="javascript:this.style.behavior='url(#default#homepage)';this.setHomePage ('URL');" TARGET="_self">اين صفحه را خانگي صفحه ي خانگي خود کنيد</A></body> </html>

اين کد اول اسم کاربر را ميپرسد و بعد به او خوش آمد ميگويد

<HEAD> <SCRIPT LANGUAGE="Javascript">  </SCRIPT>  <BODY> <CENTER> <SCRIPT LANGUAGE="Javascript">  </SCRIPT> </CENTER>

لرزش صفحه هنگام باز شدن

<meta http-equiv="Content-Language" content="en-us"> <SCRIPT language=JavaScript>   </SCRIPT> </body> </html>

يک ماشين حساب کوچک

<HEAD> <SCRIPT LANGUAGE="JavaScript">     </SCRIPT>  <BODY> <CENTER> <FORM name="formx"><input type=text size=4 value=12 name="a"> <input type="button" value=" + " onClick="a_plus_b(this.form)"> <input type="button" value=" - " onClick="a_minus_b(this.form)"> <input type="button" value=" x " onClick="a_times_b(this.form)"> <input type="button" value=" / " onClick="a_div_b(this.form)"> <input type="button" value=" ^ " onClick="a_pow_b(this.form)"> <input type="number" size=4 value=3 name="b"> = <input type "number" value=0 name="ans" size=9> </FORM> </CENTER>

يک ماشين حساب بزرک

<BODY> <CENTER> <FORM name="Keypad" action="">   <TABLE> <B> <TABLE border=2 width=50 height=60 cellpadding=1 cellspacing=5> <TR> <TD colspan=3 align=middle> <input name="ReadOut" type="Text" size=24 value="0" width=100%> </TD> <TD </TD> <TD> <input name="btnClear" type="Button" value=" C " onclick="Clear()"> </TD> <TD><input name="btnClearEntry" type="Button" value=" CE " onclick="ClearEntry()"> </TD> </TR> <TR> <TD> <input name="btnSeven" type="Button" value=" 7 " onclick="NumPressed(7)"> </TD> <TD> <input name="btnEight" type="Button" value=" 8 " onclick="NumPressed(8)"> </TD> <TD> <input name="btnNine" type="Button" value=" 9 " onclick="NumPressed(9)"> </TD> <TD> </TD> <TD> <input name="btnNeg" type="Button" value=" +/- " onclick="Neg()"> </TD> <TD> <input name="btnPercent" type="Button" value=" % " onclick="Percent()"> </TD> </TR> <TR> <TD> <input name="btnFour" type="Button" value=" 4 " onclick="NumPressed(4)"> </TD> <TD> <input name="btnFive" type="Button" value=" 5 " onclick="NumPressed(5)"> </TD> <TD> <input name="btnSix" type="Button" value=" 6 " onclick="NumPressed(6)"> </TD> <TD> </TD> <TD align=middle><input name="btnPlus" type="Button" value=" + " onclick="Operation('+')"> </TD> <TD align=middle><input name="btnMinus" type="Button" value=" - " onclick="Operation('-')"> </TD> </TR> <TR> <TD> <input name="btnOne" type="Button" value=" 1 " onclick="NumPressed(1)"> </TD> <TD> <input name="btnTwo" type="Button" value=" 2 " onclick="NumPressed(2)"> </TD> <TD> <input name="btnThree" type="Button" value=" 3 " onclick="NumPressed(3)"> </TD> <TD> </TD> <TD align=middle><input name="btnMultiply" type="Button" value=" * " onclick="Operation('*')"> </TD> <TD align=middle><input name="btnDivide" type="Button" value=" / " onclick="Operation('/')"> </TD> </TR> <TR> <TD> <input name="btnZero" type="Button" value=" 0 " onclick="NumPressed(0)"> </TD> <TD> <input name="btnDecimal" type="Button" value=" . " onclick="Decimal()"> </TD> <TD colspan=3> </TD> <TD> <input name="btnEquals" type="Button" value=" = " onclick="Operation('=')"> </TD> </TR> </TABLE> </TABLE> </B> </FORM> </CENTER> <font face="Verdana, Arial, Helvetica" size=2> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>

نمايش يک متن هنگام ورود به صفحه

نمايش يک متن هنگام خروج از صفحه

نمايش يک متن هم هنگام ورود هم هنگام خروج از صفحه

موج دادن به متن

<HTML> <HEAD> <STYLE> DIV.aFilter {FILTER:PROGID:DXIMAGETRANSFORM.MICROSOFT.WAVE( strength=7, freq=3, lightstrength=100, add=0, phase=0); width: 150px; color: #8080FF;font-size:30px;font-weight:bold; text-align :Center; } </STYLE> <SCRIPT language="javascript"> function doWave() { document.getElementById("myDiv").filters[0].phase += 10; status = document.getElementById("myDiv").filters[0].phase ; } </SCRIPT> </HEAD> <BODY OnLoad="window.setInterval('doWave();',100);" > <DIV CLASS="aFilter" id="myDiv">Nazanin Studio</DIV> </BODY> </HTML>

يک افکت ساده ولي قشنگ براي متنهاي شما

<DIV ID="oTransContainer" STYLE="text-align:Center;font-size:30px;font-family:arial;position:absolute; top: 0px; left: 0px; width: 300px; height:300px; filter:progid:DXImageTransform.Microsoft.Wipe( GradientSize=1.0, wipeStyle=0, motion='forward') ">  <DIV ID="oDIV1" STYLE="color:pink;position:absolute; top:50px; left:10px; width:240px; height:140px; background:blue"> Iran Java Script </DIV>  <DIV ID="oDIV2" STYLE="color:#e1e1e1;visibility:hidden; position:absolute; top:50px; left:10px; width:240px; height:140px; background: green"> <BR><BR> Wipe Transition</DIV> </DIV> <BUTTON onclick="fnToggle()">Toggle Transition</BUTTON> <SCRIPT> var bTranState = 0; function fnToggle() { oTransContainer.filters[0].Apply(); if (bTranState=='0') { bTranState = 1; oDIV2.style.visibility="visible"; oDIV1.style.visibility="hidden";} else { bTranState = 0; oDIV2.style.visibility="hidden"; oDIV1.style.visibility="visible";} oTransContainer.filters[0].Play(duration=2);} </SCRIPT>

و وضوح تصوير نمايشگر و همچنين وضعيت جاواي وي را به خودش گزارش دهيد IE نشان دادن ورژن

<font size=2> <SCRIPT language=JavaScript>  </SCRIPT> </font>

را در وبلاگ يا سايتتان خواهيد داشت X O با اين کد بازي

<html> <head> <body> <script> var _url = document.location.toString().split("?"); var _parm = _url[1]?_url[1]:""; var _P0n = ""; var _P0v = 0; var _P1n = ""; var _P1v = 0; if (_parm != "") { _P0n=_parm.split("&")[0].split("=")[0].toLowerCase(); _P0v=parseInt(_parm.split("&")[0].split("=")[1]); if(_parm.split("&")[1]) { _P1n = _parm.split("&")[1].split("=")[0].toLowerCase(); _P1v = parseInt(_parm.split("&")[1].split("=")[1]); } else { _P1n =""; } } else { _P0n=""; _P1n=""; } var MATRIX_SIZE = 3; var AMOUNT_TO_WIN = 4; var PARAM_SIZE = "size".toLowerCase(); var PARAM_WIN = "win".toLowerCase(); if (_P0n==PARAM_SIZE) {MATRIX_SIZE=_P0v;} if (_P1n==PARAM_SIZE) {MATRIX_SIZE=_P1v;} if (_P0n==PARAM_WIN) {AMOUNT_TO_WIN=_P0v;} if (_P1n==PARAM_WIN) {AMOUNT_TO_WIN=_P1v;} ////////////////////////////// if(MATRIX_SIZE<3)MATRIX_SIZE=3; if(MATRIX_SIZE>10)MATRIX_SIZE=10; if(AMOUNT_TO_WIN>MATRIX_SIZE)AMOUNT_TO_WIN=MATRIX_SIZE; if(AMOUNT_TO_WIN<3)AMOUNT_TO_WIN=3; document.write("<BR>"+AMOUNT_TO_WIN+" in a row wins!<BR>"); var tbo = ''; tbo += '<form name=table1>'; tbo += '<table>'; for (var i=0;i<MATRIX_SIZE;i++) { tbo += '<TR>'; for(var j=0;j<MATRIX_SIZE;j++) { var _c = parseInt(i)*parseInt(MATRIX_SIZE)+parseInt(j); tbo += '<td><input name=s'+_c+' type=text size=1 value=" " onfocus="clicked(table1.s'+_c+');blur()"></td>'; } tbo += '</tr>'; } tbo += '</table>'; tbo += '<table><tr><td>Restart Game with: <input type=button value="Player is X" onclick=setPlayers("X","O")></td>'; tbo += '<td><input type=button value="Computer is X" onclick=setPlayers("O","X")></td></tr>'; tbo += '<tr><td>Player is: <input name=pis type=text size=1 value="X" onfocus=blur()></td>'; tbo += '<td>Computer is: <input name=cis type=text size=1 value="O" onfocus=blur()></td></tr>'; tbo += '</table>'; tbo += '<table><tr><td>Won: <input type=text value="0" name=gameswon size=2></td>'; tbo += '<td>Ties: <input type=text value="0" name=gamestied size=2></td>'; tbo += '<td>Lost: <input type=text value="0" name=gameslost size=2></td></tr></table>'; tbo += 'Set Matrix Size: '; var XX=""; for(var i=3;i<11;i++) { if(i==MATRIX_SIZE) { tbo += ' '+i+'x'+j+' '; } else { tbo += '<input type=button value="'+i+'x'+i+'"'; XX =_url[0]+"?"+PARAM_SIZE+'='+i+"&"+PARAM_WIN+'='+AMOUNT_TO_WIN; tbo += ' onclick="document.location=\''+XX+'\'"> '; } } tbo += '<BR>Amount In a Row Wins: '; for(var i=3;i<11;i++) { if(i==AMOUNT_TO_WIN) { tbo += ' '+i+' '; } else { tbo += '<input type=button value='+i+' '; XX = _url[0]+"?"+PARAM_SIZE+'='+MATRIX_SIZE+'&'+PARAM_WIN+'='+i; tbo += ' onclick="document.location=\''+XX+'\'"> '; } } tbo += '</form>'; document.write(tbo); ///////////////////////////////////////////// var PLAYER="X"; var COMPUTER="O"; var BLANK=" "; var ROWS = new Array(); var COLS = new Array(); var DIAG = new Array(); DIAG[0]=new Array(); DIAG[1]=new Array(); for(var _i=0;_i<MATRIX_SIZE;_i++) { DIAG[0][_i]=_i*MATRIX_SIZE+_i; DIAG[1][_i]=(MATRIX_SIZE-1)*(_i+1); } for (var i=1;i<=(MATRIX_SIZE-AMOUNT_TO_WIN);i++) { var n=2+((i-1)*4); DIAG[n+0]=new Array(); DIAG[n+1]=new Array(); DIAG[n+2]=new Array(); DIAG[n+3]=new Array(); for (var j=1;j<=(MATRIX_SIZE-i);j++) { DIAG[n+0][j-1]=(MATRIX_SIZE+1)*(j-1)+i; DIAG[n+1][j-1]=(MATRIX_SIZE+1)*(j-1)+(i*MATRIX_SIZE); DIAG[n+2][j-1]=(MATRIX_SIZE-1)*(j)-i; DIAG[n+3][j-1]=DIAG[n+2][j-1]+(MATRIX_SIZE+1)*(i); } } for(var i=0;i<MATRIX_SIZE;i++) { ROWS[i]=new Array(); COLS[i]=new Array(); for (var j=0;j<MATRIX_SIZE;j++) { ROWS[i][j]=i*MATRIX_SIZE+j; COLS[i][j]=i+j*MATRIX_SIZE; } } ////////////////////////////// function setPlayers(_p,_c) { PLAYER=document.table1.pis.value=_p; COMPUTER=document.table1.cis.value=_c; resetBoard(); if(COMPUTER=="X") { computerMove(); } } var GAMEOVER = false; function clicked(_s) { if(_s.value!=BLANK || GAMEOVER) return; _s.value=PLAYER; postMoveLogic(); computerMove(); } function postMoveLogic() { var _status = gameOver(); if (_status == BLANK) { document.table1.gamestied.value++;GAMEOVER=true; } if (_status == PLAYER) { document.table1.gameswon.value++;GAMEOVER=true; } if (_status == COMPUTER) { document.table1.gameslost.value++;GAMEOVER=true; } } function resetBoard() { for (var i=0;i<MATRIX_SIZE;i++) { for (var j=0;j<MATRIX_SIZE;j++) { var _a = parseInt(i)*parseInt(MATRIX_SIZE)+parseInt(j); eval("document.table1.s"+_a+".value=BLANK"); } } GAMEOVER=false; } function gameOver() { var _ret = -1; var spotsTaken=true; for (var i=0;i<MATRIX_SIZE;i++) { for (var j=0;j<MATRIX_SIZE;j++) { var _a = parseInt(i)*parseInt(MATRIX_SIZE)+parseInt(j); var _b = eval("document.table1.s"+_a+".value"); eval("var _s"+_a+"='"+_b+"'"); if(eval("_s"+_a)==BLANK) { spotsTaken=false; } } } if(spotsTaken) return (BLANK); for(var i=0;i<MATRIX_SIZE;i++) { if (AmountInARow(ROWS[i])) return (whoHasWon); if (AmountInARow(COLS[i])) return (whoHasWon); } for(var i=0;i<DIAG.length;i++) { if(AmountInARow(DIAG[i])) return (whoHasWon); } return (_ret); } function allTheseMatch(_v) { var _ret = true; for(var i=1;i<_v.length;i++) { var _a=eval("document.table1.s"+_v[i-1]+".value"); var _b=eval("document.table1.s"+_v[i]+".value"); if (_a != _b) _ret = false; } return (_ret); } var OneAwaySpot=-1; function oneFromWin(_who,_a) { for(var i=0;i<(_a.length-AMOUNT_TO_WIN+1);i++) { var _newA = new Array(); for (var j=0;j<AMOUNT_TO_WIN;j++) { _newA[j]=_a[i+j]; } if(oneAway(_who,_newA)) {return true;} } } var whoHasWon=-1; function AmountInARow(_a) { whoHasWon=-1; for(var i=0;i<(_a.length-AMOUNT_TO_WIN+1);i++) { var _newA = new Array(); for (j=0;j<AMOUNT_TO_WIN;j++) { var _TEMP = parseInt(i)+parseInt(j); _newA[j]=eval("document.table1.s"+_a[_TEMP]+".value"); } if (_newA[0]!=BLANK && arrayIsEqual(_newA)) { whoHasWon = _newA[0]; return true; } } return false; } function oneAway(_who,_a) { OneAwaySpot=-1; var _ret = false; var _aTemp = new Array(); for (var i=0;i<_a.length;i++) { var _y = eval("document.table1.s"+_a[i]+".value"); if (_y !=BLANK) { _aTemp[_aTemp.length?_aTemp.length:0]=_a[i]; } else { OneAwaySpot = _a[i]; } } if (_aTemp.length && _aTemp.length == _a.length-1) { _ret = true; var _latchValue = eval("document.table1.s"+_aTemp[0]+".value"); for (var i=1;i<_aTemp.length;i++) { var _y = eval("document.table1.s"+_aTemp[i]+".value"); if(_latchValue != _y || _y != _who) { _ret = false; } } } return (_ret); } function determineComputerMove() { var firstMove=true; for(var i=0;i<MATRIX_SIZE;i++) { for (var j=0;j<MATRIX_SIZE;j++) { var _a=parseInt(i)*parseInt(MATRIX_SIZE)+parseInt(j); var _b=eval("document.table1.s"+_a+".value"); eval("var _s"+_a+"='"+_b+"'"); if(eval("_s"+_a) !=BLANK) firstMove = false; } } if (firstMove && (MATRIX_SIZE%2==1)) return (MATRIX_SIZE*MATRIX_SIZE-1)/2; for(var i=0;i<MATRIX_SIZE;i++) { if(oneFromWin(COMPUTER,ROWS[i])) return (OneAwaySpot); if(oneFromWin(COMPUTER,COLS[i])) return (OneAwaySpot); } for(var i=0;i<DIAG.length;i++) { if(oneFromWin(COMPUTER,DIAG[i])) return (OneAwaySpot); } for(var i=0;i<MATRIX_SIZE;i++) { if(oneFromWin(PLAYER,ROWS[i])) return (OneAwaySpot); if(oneFromWin(PLAYER,COLS[i])) return (OneAwaySpot); } for(var i=0;i<DIAG.length;i++) { if(oneFromWin(PLAYER,DIAG[i])) return (OneAwaySpot); } var _spot = Math.round(Math.random()*(MATRIX_SIZE*MATRIX_SIZE-1)); while(eval("_s"+_spot) !=BLANK) { _spot=(++_spot)%(MATRIX_SIZE*MATRIX_SIZE); } return (_spot); } function computerMove() { if(GAMEOVER) return; var _spot = determineComputerMove(); eval("document.table1.s"+_spot+".value=COMPUTER"); postMoveLogic(); } function arrayIsEqual(_a) { var _first=_a[0]; for(var i=1;i<_a.length;i++) { if(_first != _a[i]) { return false; } } return true; } function isEqual() { var _ret = true; for(var i=1;i<arguments.length;i++) { if(arguments[i-1]!=arguments[i]) _ret = false; } return (_ret); } </script> </body> </html>

با اين کد 4 متن رو با حالت متغيير زوم خواهيد داشت

<SCRIPT LANGUAGE="JavaScript">  </script> </body> </html>

را به حرکت در آوريد (Title) متن نوار عنوان

<head> <script language="JavaScript1.2"> var message="Welcome Too My Webloge " //specifys the title var message=message+" " //gives a pause at the end,1 space=1 speed unit, here I used 10 spaces@150 each = 1.5seconds. i="0" //declares the variable and sets it to start at 0 var temptitle="" //declares the variable and sets it to have no value yet. var speed="150" //the delay in milliseconds between letters function titler(){ if (!document.all&&!document.getElementById) return document.title=temptitle+message.charAt(i) //sets the initial title temptitle=temptitle+message.charAt(i) //increases the title by one letter i++ //increments the counter if(i==message.length) //determines the end of the message { i="0" //resets the counter at the end of the message temptitle="" //resets the title to a blank value } setTimeout("titler()",speed) //Restarts. Remove line for no-repeat. } window.onload=titler </script> </head></body> </html>

حرکت سريع متن در نوار وضعيت

<html> <head> <script language="JavaScript">  </script> </head> <body BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080" onLoad="timerONE=window.setTimeout('scrollit(100)',500)"> </body> </html>

تنظيم رنگ بکگراند توسط کاربر با کليک بر روي کليدهاي مورد نظر

تغيير رنگ پس زمينه هنگام ورود به صفحه که بعد از ان روي رنگ مشکي ثابت ميماند

تنظيم يک فيلد بر اساس فيلد ديگر

<html> <head> <script language="javascript" type="text/javascript"> function SubmitIt(carForm) { doorOption = -1 if (carForm.DoorCt[doorOption].value == "fourDoor" && carForm.sunroof.checked) { alert("The sunroof is only available on the two door model") return false } return true } function doorSet(sunroofField) { if (sunroofField.checked) { for (i=0; i<document.myForm.DoorCt.length; i++) { if (document.myForm.DoorCt[i].value == "twoDoor") { document.myForm.DoorCt[i].checked = true } } } } </script> </head> <body> <h2> Car Picker<p> <form onSubmit="return SubmitIt(this)" action="ok.asp" name="myForm"> Doors: <br> <input type="CHECKBOX" name="sunroof" value="YES" onClick="doorSet(this)">Sunroof(two door only) <br><br> <input type="radio" value="twoDoor" name="DoorCt">two <input type="radio" value="fourDoor" name="DoorCt">Four <br> <input type="Submit" value="Submit"> </form></h2> </body> </html>

مخفي کردن جاوا اسکريپت از دست مرورگرهاي قديمي

<html> <head> </head> <body> <h1>  <script language="javascript" type="text/javascript"> document.write("Nazanin Studio") //end hiding script from old browsers --> </script> </h1> </body> </html>

نوشتن متن درون يک فيلد

<html> <head> <script language="javascript" type="text/javascript"> dayInfo = new Array dayInfo[2] = "Dad's Birthday" dayInfo[5] = "Rehearsal Dinner" dayInfo[6] = "Wedding Day" function showInfo(thisDay) { document.calendar.dateInfo.value = dayInfo[thisDay] } </script> </head> <body> <a href="javascript:showInfo(2)">1</a> <br> <a href="javascript:showInfo(5)">5</a> <br> <a href="javascript:showInfo(6)">6</a> <p> <form name="calendar"> <input name="dateInfo" size="20"> </form> </body> </html>

تغيير رنگ پس زمينه توسط يک کادر انتخاب

<BODY> <FORM>  <SELECT Size=5 name=clr onChange="document.bgColor=this.options[this.selectedIndex].value"> <OPTION VALUE="blue">blue <OPTION VALUE="aquamarine">aquamarine <OPTION VALUE="chocolate">chocolate <OPTION VALUE="darkred">dark red <OPTION VALUE="gold">gold <OPTION VALUE="red">red <OPTION VALUE="yellow">yellow <OPTION VALUE="hotpink">hotpink <OPTION VALUE="lime">lime <OPTION VALUE="darkkhaki">dark khaki <OPTION VALUE="cadetblue ">cadet blue <OPTION VALUE="darkgoldenrod">dark goldenrod <OPTION VALUE="darkslateblue">dark slate <OPTION VALUE="blue">blue <OPTION VALUE="deeppink">deep pink <OPTION VALUE="darksalmon">dark salmon <OPTION VALUE="salmon">salmon <OPTION VALUE="tan">tan <OPTION VALUE="wheat">wheat <OPTION VALUE="tomato">tomato <OPTION VALUE="springgreen">springgreen <OPTION VALUE="turquoise">turquoise <OPTION VALUE="white" SELECTED>White </SELECT> </FORM>

Your browser does not support inline frames or is currently configured not to display inline frames.
	Your browser does not support inline frames or is currently configured not to display inline frames.
	Copyright © 2005 Farshad7.com All Rights Reserved