Audio

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

پخش موزیک همراه با دکمه های کنترل

انتخاب موزیک توسط کاربر از روی هارد دیسک خود همراه با تایمر پخش

<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>

Links

کد اصلی لینک دادن

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

سفارشی کردن رنگ لینکها

حذف خط زیر لینکها

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

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

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

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

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

<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>

Images

تغییر تصویر هنگام نشانه گیری موس 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>

Mouse

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

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

<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>

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

Time

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

</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>

یک تقویم جالب

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

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

Yahoo

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

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

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

Effect

متن سایه دار

<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=VBScript>  </SCRIPT>

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

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

<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>

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

<marquee direction="right" behavior="alternate">welcome</marquee>

کد متحرک سازی که برای لغات انگلیسی به کار میرود

<marquee>welcome</marquee>

کد متحرک سازی برای حروف فارسی

<marquee direction="right">welcome</marquee>

کد متحرک سازی که متن بعد از برخورد به ستون می ایستد

<marquee direction="right" behavior="slide">welcome</marquee>

کد موتور جستجو

<table BORDER="0" WIDTH="222" HEIGHT="18"> <tr> <td WIDTH="214" HEIGHT="10"> <form NAME="search" ID="search" ACTION="http://search.msn.com/results.asp" METHOD="get"> <p><a HREF="http://www.msn.com"> <img SRC="http://go.msn.com/AG/E/0.asp" width="61" height="33" BORDER="0" ALT="Go to msn.com"></a><font FACE="arial" SIZE="2"><strong>Search <font COLOR="#808080">the Web for:</font></strong></font><br> <input TYPE="text" ID="q" SIZE="18" MAXLENGTH="251" NAME="q" VCARD_NAME="SearchText"><input TYPE="submit" VALUE="Search" NAME="B1"><input TYPE="hidden" NAME="FORM" VALUE="FRNT"><input TYPE="hidden" NAME="un" VALUE="doc"><input TYPE="hidden" NAME="v" VALUE="1"></p> </form> </td> </tr> <tr> <td WIDTH="214" HEIGHT="21" VALIGN="bottom"> <p ALIGN="center"><font SIZE="1" FACE="arial"> <a HREF="http://search.msn.com/advanced.asp?MT=&RS=CHECKED&Form=FRNT">Use Advanced Search</a></font></td> </tr> </table> <p> </p> </body> </html>

کدی که متن را روشن و خاموش میکند به عبارتی دیگر چشمک زن

<HEAD> <SCRIPT LANGUAGE="JavaScript"> window.onerror = null; var bName = navigator.appName; var bVer = parseInt(navigator.appVersion); var NS4 = (bName == "Netscape" && bVer >= 4); var IE4 = (bName == "Microsoft Internet Explorer" && bVer >= 4); var NS3 = (bName == "Netscape" && bVer < 4); var IE3 = (bName == "Microsoft Internet Explorer" && bVer < 4); var blink_speed=100; var i=0; if (NS4 || IE4) { if (navigator.appName == "Netscape") { layerStyleRef="layer."; layerRef="document.layers"; styleSwitch=""; }else{ layerStyleRef="layer.style."; layerRef="document.all"; styleSwitch=".style"; } } //BLINKING function Blink(layerName){ if (NS4 || IE4) { if(i%2==0) { eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.visibility="visible"'); } else { eval(layerRef+'["'+layerName+'"]'+ styleSwitch+'.visibility="hidden"'); } } if(i<1) { i++; } else { i-- } setTimeout("Blink('"+layerName+"')",blink_speed); } </script> </HEAD> <BODY> <div id="prem_hint" style="position:relative; left:0; visibility:hidden" class="prem_hint"> <font color="#008000"><b>Welcome Welcome Welcome!</b> </font> </div> <script language="javascript">Blink('prem_hint');</script> <p><p> </body> </html>

نوشتن متن در نوار وضعیت به صورت تایپی

<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>

با این کد میتوانید به جای گزینه های تیپ متن مورد نظرتون را وارد کنید تا در هر روز بدون دخالت خودتان شاهد متنهای جدید باشید

<HEAD> <SCRIPT LANGUAGE="JavaScript">    </script> </HEAD>  <BODY> <b>Daily Tip:</b> <script> writeTip(); </script>

تغییر رنگ پس زمینه با یک دکمه

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>  <BODY> <CENTER> <FORM> <input type="button" value="Get Another Random Background" onClick="randombackground()"> </FORM> </CENTER>

تغییر رنگ زمینه به صورت چشمک زن که مجدد به حالت اول باز میگردد

تیک زدن یا برداشتن آیتمها

<HEAD> <SCRIPT LANGUAGE="JavaScript">   </script> </HEAD>  <BODY> <center> <form name=myform action="" method=post> <table> <tr><td> <b>Your Favorite Scripts & Languages</b><br> <input type=checkbox name=list value="1">Java<br> <input type=checkbox name=list value="2">JavaScript<br> <input type=checkbox name=list value="3">ASP<br> <input type=checkbox name=list value="4">HTML<br> <input type=checkbox name=list value="5">SQL<br> <br> <input type=button value="Check All" onClick="this.value=check(this.form.list)"> </td></tr> </table> </form> </center>

تغییر رنگ پس زمینه با قرار گرفتن نشانگر موس بر روی لینکهای مختلف

<BODY>  <! > <A HREF="" ONMOUSEOVER ="document.bgColor='silver'">T</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">r</a> <A HREF="" ONMOUSEOVER ="document.bgColor='azure'">y</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">m</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">o</a> <A HREF="" ONMOUSEOVER ="document.bgColor='white'">v</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">i</a> <A HREF="" ONMOUSEOVER ="document.bgColor='azure'">n</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">g</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">y</a> <A HREF="" ONMOUSEOVER ="document.bgColor='white'">o</a> <A HREF="" ONMOUSEOVER ="document.bgColor='silver'">u</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">r</a> <A HREF="" ONMOUSEOVER ="document.bgColor='azure'">c</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">u</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">r</a> <A HREF="" ONMOUSEOVER ="document.bgColor='white'">s</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">e</a> <A HREF="" ONMOUSEOVER ="document.bgColor='azure'">r</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">a</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">r</a> <A HREF="" ONMOUSEOVER ="document.bgColor='white'">o</a> <A HREF="" ONMOUSEOVER ="document.bgColor='silver'">u</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">n</a> <A HREF="" ONMOUSEOVER ="document.bgColor='azure'">d</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">o</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">n</a> <A HREF="" ONMOUSEOVER ="document.bgColor='white'">t</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">h</a> <A HREF="" ONMOUSEOVER ="document.bgColor='azure'">i</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">s</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">t</a> <A HREF="" ONMOUSEOVER ="document.bgColor='white'">e</a> <A HREF="" ONMOUSEOVER ="document.bgColor='silver'">x</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">t</a>

نمایش پیغام با کلیک بر روی یک دکمه

منوی انتخاب روز در یک ماه

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

ایمیل به هر کسی

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>  <BODY> <CENTER> <a href='javascript:mailsome1()'>E-Mail Someone!</a> <FORM> <input type=button value="E-Mail Someone!" onClick="mailsome1()"> </FORM> </CENTER>

با اين كد در يك باكس متن بعد از فشردن دكمه ی سابميت همه ی حروف به شكل كوچك آن تبديل و فرستاده خواهند شد

انتخاب قاره و كشور

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </script>  <BODY> <center> <form name="globe"> <select name="region" onChange="populateCountry(document.globe,document.globe.region.options[document.globe.region.selectedIndex].value)"> <option selected value=''>Select Region</option> <option value='asia'>Asia</option> <option value='africa'>Africa</option> <option value='australia'>Australia</option> <option value='europe'>Europe</option> <option value='middleeast'>Middle East</option> <option value='lamerica'>Latin America</option> <option value='namerica'>North America</option> <option value='samerica'>South America</option> </select> <select name="country" onChange="populateUSstate(document.globe,document.globe.country.options[document.globe.country.selectedIndex].text)"> <option value=''><--------------------</option> </select> </form> </center>

با اين اسكريپت كاربر در يك صفحه اطلاعات خود را وارد ميكند و اين اطلاعات براي شما از طریق ایمیل فرستاده ميشود.

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>  <BODY> <CENTER> <FORM enctype="text/plain" name="addform" method='get' action='mailto:antispammer@earthling.net?subject=TJS - Mailing List' onSubmit="return submitForms()"> <TABLE border=3 width=430 cellpadding=10><TD align="center"> <strong> <font face="arial" size=+2>Join the Mailing List!</font> </strong> </TABLE> <input type="hidden" name="Form" value="Submit Sub"> <TABLE border=3 cellspacing=0 cellpadding=2 bgcolor="#C0C0C0"> <tr valign=baseline> <TD> <font face="arial">Email Address:</font> </TD> <TD> <input type=text name="Email Address" size=35,1 maxlength=80> </TD> </tr> <tr> <TD> <font face="arial">First Name:</font> </TD> <TD> <input type=text name="First Name" size=35,1 maxlength=80> </TD></tr> <tr> <TD> <font face="arial">Last Name:</font> </TD> <TD> <input type=text name="Last Name" size=35,1 maxlength=80> </TD></tr> <tr> <TD> <font face="arial">Address:</font> </TD> <TD> <input type=text name="Address" size=35,1 maxlength=80> </TD></tr> <tr> <TD> <font face="arial">City:</font> </TD> <TD> <input type=text name="City" size=35,1 maxlength=80> </TD></tr> <tr> <TD> <font face="arial">State:</font> </TD> <TD> <input type=text name="State" size=10,1 maxlength=25> </TD></tr> <tr> <TD> <font face="arial">Zip Code:</font> </TD> <TD> <input type=text name="Zip" size=20,1 maxlength=35> </TD></tr></TABLE> <br> <center> <input type="submit" value=" Submit "> <input type="button" value=" Return " onclick="window.location='your-page.html'"> <input type="reset" value="Reset Form" onclick=resetform()> </FORM> </CENTER>

بوسيله ی اين كد با تيك خوردن يكی از آيتم ها كه گزينه ی همه ميباشد , بقيه ی تيك ها برداشته ميشود

<HEAD> <SCRIPT LANGUAGE="JavaScript">   </script> </HEAD>  <BODY> <center> Please select your favorite class(es): <form name=pickform> <table> <tr><td> <input type=checkbox name=classes value="*" onclick="checkChoice(document.pickform.classes, 0)" checked>All <br> <input type=checkbox name=classes value="science" onclick="checkChoice(document.pickform.classes, 1)">Science <br> <input type=checkbox name=classes value="math" onclick="checkChoice(document.pickform.classes, 2)">Math <br> <input type=checkbox name=classes value="english" onclick="checkChoice(document.pickform.classes, 3)">English <br> <input type=checkbox name=classes value="history" onclick="checkChoice(document.pickform.classes, 4)">Histroy <br> <input type=checkbox name=classes value="other" onclick="checkChoice(document.pickform.classes, 5)">Other </td></tr> </table> </form> </center>

نمايش آمار صفحه در يك جعبه

<BODY> <CENTER>  <TABLE border=2 cellspacing=0 cellpadding=3> <TR><TD bgcolor="#000044"> <FONT color="#4400ff" face=georgia,arial size=+1> <CENTER> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </TD></TR> <TR><TD bgcolor="#440000"> <FONT size=-1 color="#ff0000" face="trebuchet MS","arial"> <FONT color="#ff8800">Born on:</font>  September 25, 1997 <BR> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </FONT> </TD></TR> </TABLE> </CENTER>

بستن صفحه با کلیک بر روی یک دکمه

<BODY> <form> <input type=button value="Close Window" onClick="javascript:window.close();"> </form> or <a href="javascript:window.close();">Close Window</a>

چقدر سن دارید

<HEAD> <SCRIPT LANGUAGE="JavaScript">   </script> </HEAD>  <BODY OnLoad="startclock()">  <center> <form name="down" onSubmit="0"> <script Language="JavaScript"> document.write("<b>I was born "+bmonth+" "+bday+", "+byear+". ("+mm+"/"+bday+"/"+byear+")</b>"); document.write("<br><br>I am "+yourage+" years old, and will turn "+age2+" in:"); </script> <br> <input type="text" name="face" size="47" value="A browser supporting JavaScript 1.1+ is needed."> </form> <p> <br> <form name="up" onSubmit="1"> I've been alive for...<br> <input type="text" name="face" size="47" value="A browser supporting JavaScript 1.1+ is needed."> </form> </center>

کدهای 512 رنگ

<center> <SCRIPT LANGUAGE="JavaScript"> clr=new Array('00','20','40','60','80','a0','c0','ff'); for (i=0;i<8;i++) { document.write("<table border=1 cellpadding=8>"); for (j=0;j<8;j++) { document.write("<tr>"); for (k=0;k<8;k++) { document.write('<td bgcolor="#'+clr[i]+clr[j]+clr[k]+'">'); document.write('<tt><font color="#'+clr[7-i]+clr[7-j]+clr[7-k]+'"> '); document.write(clr[i]+clr[j]+clr[k]+' </font></tt></td>'); } document.write("</tr>"); } document.write("</table><br>"); } // end --> </script> </center>

درج صفحه در قسمت مورد علاقه ها

<A href="javascript:window.external.AddFavorite('http://YourLink.com','Your WebPage Title')">add To Favourites</a>

غير فعال کردن نوار تصوير در اينترنت اکسپلورر6

قفل کردن انتخاب متن

انتخاب رنگ اسکرول بار

(پيام در نوار وضعيت(فلاش زدن

(پيام در نوار وضعيت (ثابت

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

نمايش مختصات مکان نما در نوار وضعيت

غيرفعال کردن کلي نوار وضعيت

پيام در نوار وضعيت آهسته و حرف حرف آمدن

باز شدن و پخش شدن 7 ستاره در صفحه

<script LANGUAGE="JavaScript1.2">  </script> <style> #sDiv0 {position:absolute; height:1; width:1; font-family:arial black; font-size:25px; color:Aqua;} #sDiv1 {position:absolute; height:1; width:1; font-family:arial black; font-size:22px; color:red;} #sDiv2 {position:absolute; height:1; width:1; font-family:arial black; font-size:20px; color:blue;} #sDiv3 {position:absolute; height:1; width:1; font-family:arial black; font-size:15px; color:orange;} #sDiv4 {position:absolute; height:1; width:1; font-family:arial black; font-size:25px; color:yellow;} #sDiv5 {position:absolute; height:1; width:1; font-family:arial black; font-size:25px; color:lightgreen;} #sDiv6 {position:absolute; height:1; width:1; font-family:arial black; font-size:20px; color:silver;} </style> <p></p> <div id="sDiv0"> *</div> <div id="sDiv1"> *</div> <div id="sDiv2"> *</div> <div id="sDiv3"> *</div> <div id="sDiv4"> *</div> <div id="sDiv5"> *</div> <div id="sDiv6"> *</div>

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

<script language="JavaScript" type="text/javascript"> //for more free script go to this site www.youshascript.hatesit.com function unloader(){ SW=window.open('Nazanin Studio.htm','NewWin','toolbar=yes,status=yes,width=400,height=400,scrollbars=yes,top=200,left=-160') SW.moveTo(-160,200); SW.moveTo(-150,200); SW.moveTo(-140,200); SW.moveTo(-130,200); SW.moveTo(-120,200); SW.moveTo(-110,200); SW.moveTo(-100,200); SW.moveTo(-90,200); SW.moveTo(-80,200); SW.moveTo(-70,200); SW.moveTo(-60,200); SW.moveTo(-50,200); SW.moveTo(-40,200); SW.moveTo(-30,200); SW.moveTo(-20,200); SW.moveTo(-10,200); SW.moveTo(0,210); SW.moveTo(10,220); SW.moveTo(20,230); SW.moveTo(30,240); SW.moveTo(40,250); SW.moveTo(50,260); SW.moveTo(60,270); SW.moveTo(70,280); SW.moveTo(80,290); SW.moveTo(90,280); SW.moveTo(100,270); SW.moveTo(110,260); SW.moveTo(120,250); SW.moveTo(130,240); SW.moveTo(140,230); SW.moveTo(150,220); SW.moveTo(160,210); SW.moveTo(170,200); SW.moveTo(180,210); SW.moveTo(190,220); SW.moveTo(200,230); SW.moveTo(210,240); SW.moveTo(220,250); SW.moveTo(230,260); SW.moveTo(240,270); SW.moveTo(250,280); SW.moveTo(260,290); SW.moveTo(270,200); SW.moveTo(280,290); SW.moveTo(290,280); SW.moveTo(300,270); SW.moveTo(310,260); SW.moveTo(320,250); SW.moveTo(330,240); SW.moveTo(340,230); SW.moveTo(350,220); SW.moveTo(360,210); SW.moveTo(370,200); SW.moveTo(380,210); SW.moveTo(390,220); SW.moveTo(400,230); SW.moveTo(410,240); SW.moveTo(420,250); SW.moveTo(430,260); SW.moveTo(440,270); SW.moveTo(450,280); } // --> </script>  <input type="button" onclick="unloader();" value=" صفحه ی جدید"> </p> </form>

FullScreen نمایش صفحه به صورت تمام صفحه یا

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </script> </HEAD> <BODY> <a href="javascript:void(0);" onClick="fullScreen('full-screen.html');"> Full Screen باز شدن صفحه</a> <p>