بهترین و پیشرفته ترین کدهای وبلاگ

Welcome Welcome Welcome!

سلام به شما کاربران گرامی

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

واسه همین به فکر این افتادم تا تمام کدهای بدرد بخور رو یکجا جمع آوری کنم

این شما و این کد ها

نحوه ی استفاده

این کدها رو شما می تونید دو جا استفاده کنید :

یکی داخل کدهای قالب وبلاگ می شه گذاشت که باید این کدها را دقیقا بعد از کلمه های قرار داد ...

البته این اجباری هم نیست ... اما بهترین جا برای اونا بعد از این کلماته ...

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

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

همین

خوش باشید

یا علی

خدانگهدار

+ نوشته شده در چهارشنبه سوم خرداد 1385ساعت 17:48 توسط حمید |

کد تایین صحت پسورد

<html> <head> <script language="javascript" type="text/javascript"> function validForm(passForm){ if (passForm.passwd1.valu == "") { alert("you must enter a password") passForm.passwd1.focus() return false } if(passForm.passwd1.value !=passForm.passwd2.value) { alert("entered passwords did not match") passForm.passwd1.focus() passForm.passwd1.select() return false } return true } </script> </head> <body><h3> <form onSubmit="return validForm(this)" action="ok.asp"> Your name:<input type="text" size="30"><br> Choose a password:<input type="password" name="passwd1" size="20"><br> verify password:<input type="password" name="passwd2" size="20"><br> <input type="Submit" value="Submit"> </form> </h3> </body> </html>

کد حرکت جستجو گر به صورت جالب

<html> <head> <meta http-equiv="Content-Language" content="en-us"> <script> function drop(n) { if(self.moveBy){ self.moveBy (0,-900); for(i = n; i > 0; i--){ self.moveBy(0,3); } for(j = 8; j > 0; j--){ self.moveBy(0,j); self.moveBy(j,0); self.moveBy(0,-j); self.moveBy(-j,0); } } } </script> <SCRIPT language="JavaScript">  </SCRIPT> <STYLE TYPE="text/css">  </STYLE> </head> <body bgcolor="black" text="silver" link="silver" vlink="silver" alink="silver" onload="drop(300); FadeTo(50,0xFF,0xFF,0xFF);"> <p align="center"><b><font face="Tahoma" size="2">Created By <a href="http://www.javacity.co.sr">Webloger.5u.com</a></font></b></p> </body> </html>

کد دکمه ای برای خاموش و روشن کردن صفحه

<SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1997 CoffeeCup Software //all rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site. function blinkOn(){ theWin.document.bgColor = "#000000" nTimes++ CCTimeOutID = window.setTimeout("blinkOff()",250); } function blinkOff(){ theWin.document.bgColor = "FFFFFF" if (nTimes < 5) CCTimeOutID = window.setTimeout("blinkOn()",250); else theWin.history.go(0) } function blinkCC(aWin) { nTimes = 0 theWin = aWin CCTimeOutID = window.setTimeout("blinkOn()",250); } </SCRIPT> <CENTER><FORM><INPUT TYPE="BUTTON" VALUE="On/Off Switch" onClick="blinkCC(self)"></FORM></CENTER>

کد دکمه ای در حال حرکت

<form name="form2" action=mailto:sadegh_madineh@yahoo.com> <input type="submit" name="banner" VALUE=".......Submit......." onClick="alert('Here We go !')"> <br> </form> <script language="JavaScript"> // Modified by CoffeeCup Software var id,pause=0,position=0; function banner() { // variables declaration var i,k,msg=" Mail Mail MAil Mail MAil"; // increase msg k=(60/msg.length)+1; for(i=0;i<=k;i++) msg+=" "+msg; // show it to the window document.form2.banner.value=msg.substring(position,position+60); // set new position if(position++==msg.length) position=0; // repeat at entered speed id=setTimeout("banner()",150); } // end --> banner(); </script>

کد ذخیره کردن نام افراد بازدید کننده

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>  <BODY> <CENTER> <FORM> Please enter your name: <input TYPE = "text" NAME = "nameinput"> <br><br> <input TYPE = "button" VALUE = "Save to Cookie" onClick = "set_name(this.form)"> </FORM> </CENTER>

کد گلباران در سایت

کد مخلوط کردن رنگ های پشت ضمینه با رنگ های دیگر

<HEAD> <SCRIPT LANGUAGE="Javascript">  <! >  </SCRIPT> </HEAD>  <BODY> <CENTER> <FORM NAME="background"> <INPUT TYPE="button" VALUE="Start bgColor WARP" onClick="loopBackground()"> <br> <input type="button" value="Stop bgColor WARP" onClick="stoploop()"> </FORM> </CENTER>

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

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

کد منوی کشویی لینک که با اسکرول نیز وارد لینک می شود

<script language="JavaScript"> function CC_go(form) {var myindex=form.dest.selectedIndex window.open(form.dest.options[myindex].value, target="_parent", "toolbar=yes,scrollbars=yes,location=yes"); } </script> <form name="CC_LinkForm"> <select name="dest" SIZE=1> <option selected value="">Places to go <option value="http://www.webloger.5u.com/">Webloger Website <option value="http://home.cnet.com/">CNET <option value="http://www.tucows.com">Tucows </select> <P> <input type="button" value="Link Me!" onClick="CC_go(this.form)"> </form>

کد منوی کشویی لینک که با کلیک بلافاصله وارد لینک شود

<CENTER> <FONT FACE="VERDANA, ARIAL">Select an item:</FONT><BR> <FORM> <SELECT NAME="clicklist" onChange="top.location.href=this.form.clicklist.options[this.form.clicklist.selectedIndex].value"> <OPTION selected> Click Here <OPTION VALUE="http://www.javacity.co.sr">Webloger Website <OPTION VALUE="http://www.netscape.com">Netscape <OPTION VALUE="http://www.microsoft.com">Microsoft <OPTION VALUE="http://www.infoseek.com">Infoseek </SELECT><P> </FORM> </CENTER>

کد نشان دهنده مدت زمان به وجود آمدن صفحه

<SCRIPT LANGUAGE="JavaScript"> function DateEstablished(startmonth, startdate, startyear) { sdate=startdate; smonth=startmonth-1; syear=startyear; var DaysInMonth = new Array(31,28,31,30,31,30,31,31,30,31,30,31); today = new Date() var thisyear = today.getFullYear(); var thismonth = today.getMonth(); var thisdate = today.getDate(); mstart = new Date(syear,(smonth==12?1:smonth+1),1); days1 = (mstart - new Date(syear,smonth,sdate))/(24*60*60*1000)-1; mend = new Date(thisyear,thismonth,1); days2 = (new Date(thisyear,thismonth,thisdate) - mend)/(24*60*60*1000)+1; dayst = days1 + days2; if (dayst >= DaysInMonth[smonth]) { AddOneMonth = 1; dayst -= DaysInMonth[smonth]; } else AddOneMonth = 0; ydiff1 = thisyear-mstart.getFullYear(); mdiff1 = thismonth-mstart.getMonth()+AddOneMonth; if (mdiff1 >11) { mdiff1=0; ydiff1++; } if (mdiff1 < 0) { mdiff1 = mdiff1 + 12; ydiff1--; } temp = (ydiff1==0?"":(ydiff1==1?ydiff1+" year and ":ydiff1 + " years, ")); temp += (mdiff1==0?"0 months, and ":(mdiff1==1?mdiff1+" month, and ":mdiff1+" months, and ")); temp += (dayst==0?"no days":(dayst==1 ? " 1 day." : dayst + " days." )); return temp; } </script>  <SCRIPT LANGUAGE="JavaScript"> document.write("My Website has been in existence for "); document.write("<font color=red>"); document.write(DateEstablished(06,09,69)); // Enter the dates your site was created. day,month,year document.write("</font>"); </script>

کد نشان دهنده مدت عمر اشخاص

<HEAD> <SCRIPT LANGUAGE="JavaScript">      </script> </HEAD>  <BODY onLoad="start()">  <CENTER> <br> Enter your date of birth <br> <FORM name=form1> Month<INPUT name=month size=3> Date<INPUT name=day size=3> Year<INPUT name=year size=6> Hours<INPUT name=hrs value=00 size=6> <select size="1" name="ampm"> <option selected>AM</option> <option>PM</option> </select> <INPUT name=start onclick=run() type=button value="Calculate"> <BR> <BR> <INPUT name=age size=55 value="Your age will be displayed here"> <BR> <BR> You have been living for: <BR> <TABLE border = 0> <TBODY> <TR> <TD>In months:</TD> <TD><INPUT name=months size=30></TD> </TR> <TR> <TD>In weeks:</TD> <TD><INPUT name=weeks size=30></TD> </TR> <TR> <TD>In days:</TD> <TD><INPUT name=answer size=30></TD> </TR> <TR> <TD>In hours:</TD> <TD><INPUT name=hours size=30></TD> </TR> <TR> <TD>In minutes:</TD> <TD><INPUT name=min size=30></TD> </TR> <TR> <TD>In seconds:</TD> <TD><INPUT name=sec size=30></TD> </TR> <TR> <TD>In Milliseconds:</TD> <TD><INPUT name=milli size=30></TD> </TR> </TBODY> </TABLE> Your next birthday will be in: <BR> <INPUT name=bday size=40> </FORM> </CENTER> <p><center> <font face="arial, helvetica" size"-2">Free JavaScripts provided<br> by <a href="http://javascriptsource.com">The JavaScript Source</a></font> </center><p>

کد نمایش پیام به صورت افکت

<body onload="if (document.all||document.layers) {regenerate2();update()}"> <style>  </style> <div id="msgline"> <div id="msgtext" class="msgtextfont">Starting Messages...</div> </div> <script language="JavaScript1.2"> var speed=4000 var news=new Array() news[0]="<a href='http://www.khafankadeh.7p.com'>First line of text....</a>" news[1]="<a href='http://www.mahmood.7p.com'>Second line of text....</a>" news[2]="<a href='http://www.andisheh.7p.com'>Third line of text....</a>" news[3]="<a href='http://www.javakhafan.7p.com'>Add as many as you want....</a>" i=0 if (document.all) tickerobject=document.all.msgtext.style else tickerobject=document.msgline.document function regenerate(){ window.location.reload() } function regenerate2(){ if (document.layers) setTimeout("window.onresize=regenerate",450) } function update(){ BgFade(0xff,0xff,0xff, 0x00,0x00,0x00,10); if (document.layers){ document.msgline.document.msgtext.document.write('<span class="msgtextfont">'+news[i]+'</span>') document.msgline.document.msgtext.document.close() } else document.all.msgtext.innerHTML=news[i] if (i<news.length-1) i++ else i=0 setTimeout("update()",speed) } function BgFade(red1, grn1, blu1, red2, grn2, blu2, steps) { sred = red1; sgrn = grn1; sblu = blu1; ered = red2; egrn = grn2; eblu = blu2; inc = steps; step = 0; MsgDither(); } function MsgDither() { var epct = step/inc; var spct = 1 - epct; if (document.layers) tickerobject.bgColor = Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); else tickerobject.backgroundColor= Math.floor(sred * spct + ered * epct)*256*256 + Math.floor(sgrn * spct + egrn * epct)*256 + Math.floor(sblu * spct + eblu * epct); if ( step < inc ) { setTimeout('MsgDither()',50); } step++; } </script>

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

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

کد نمایش متن متحرک در نوت پد

<script language="JavaScript"> function makeArray() { this.length = makeArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i] } var fArray = new makeArray; fArray[0]="Message www.javacity.co.sr goes here. " fArray[1]="Message www.javacity goes here. " fArray[2]="Message 3 goes here. " fArray[3]="Message 4 goes here. " var x = 1; var y = 0; var msg1 = fArray[y]; function newsFeed() { if (x==msg1.length+1) { for (var z=0; z < 7000; z++); y+=1; if (y > 3) y=0; document.form1.news2.value=' '; msg1 = fArray[y]; x=0; } document.form1.news2.value=msg1.substring(0,x); x+=1; setTimeout("newsFeed() ",1); } </script> <body bgcolor=teal link=goldenrod onLoad="newsFeed()"> <form name="form1"> <textarea wrap=physical rows=10 cols=25 name="news2">

نشان دادن جلوه ی آتش بازی در پشت زمینه

<body bgcolor='#000000' >  <script language="JavaScript">  </script>

+ نوشته شده در چهارشنبه سوم خرداد 1385ساعت 16:49 توسط حمید |

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

<marquee>welcome</marquee>

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

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

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

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

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

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

<html> <head> </head> <body> <DIV ID="dropText"> Nazanin Studio </DIV> </body> </html>

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

كد موس جادويي

<LAYER NAME="a0" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a1" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a2" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a3" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a4" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a5" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF00FF" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a6" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,1,1"></LAYER> <LAYER NAME="a7" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffffff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a8" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#fff000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a9" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ffa000" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a10" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#ff00ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a11" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#00ff00" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a12" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#0000ff" CLIP="0,0,2,2"></LAYER> <LAYER NAME="a13" LEFT=10 TOP=10 VISIBILITY=SHOW BGCOLOR="#FF0000" CLIP="0,0,2,2"></LAYER> <script language="JavaScript"> /* Magic Wand cursor II (By Kurt at kurt.grigg@virgin.net) Modified and permission granted to Dynamic Drive to feature script in archive For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com */ if (document.all){ with (document){ write('<div id="starsDiv" style="position:absolute;top:0px;left:0px">') write('<div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#fff000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px;visibility:visible"></div>') write('<div style="position:relative;width:3px;height:3px;background:#FF0000;font-size:3px;visibility:visible"></div>') write('</div>') } } if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step = 1; var currStep = 0; var Xpos = 1; var Ypos = 1; if (document.all) { function MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { function xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } function animateLogo() { if (document.all) { yBase = window.document.body.offsetHeight/6; xBase = window.document.body.offsetWidth/6; } else if (document.layers) { yBase = window.innerHeight/8; xBase = window.innerWidth/8; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) { starsDiv.all[i].style.top = Ypos + yBase*Math.sin((currStep + i*4)/12)*Math.cos(400+currStep/200); starsDiv.all[i].style.left = Xpos + xBase*Math.sin((currStep + i*3)/10)*Math.sin(currStep/200); } } else if (document.layers) { for ( j = 0 ; j < 14 ; j++ ) //number of NS layers! { var templayer="a"+j document.layers[templayer].top = Ypos + yBase*Math.sin((currStep + j*4)/12)*Math.cos(400+currStep/200); document.layers[templayer].left = Xpos + xBase*Math.sin((currStep + j*3)/10)*Math.sin(currStep/200); } } currStep+= step; setTimeout("animateLogo()", 10); } animateLogo(); </script>

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

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

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

+ نوشته شده در چهارشنبه سوم خرداد 1385ساعت 11:41 توسط حمید |

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

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

کد موتور جست و جوی فارسی سایت جستجوگر

<iframe src="http://www.jostejoogar.com/products/Add/searchweb.asp" width="190" height="100" frameborder=0 scrolling="no"></iframe>

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

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

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

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

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

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

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

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

متن سایه دار

<html> <head> </head> <body> <DIV ID="dropText"> Nazanin Studio </DIV> </body> </html>

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

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

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

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

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

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

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

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

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

<SCRIPT LANGUAGE="JavaScript">  </script> </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"> 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>

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

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

+ نوشته شده در چهارشنبه سوم خرداد 1385ساعت 11:28 توسط حمید |

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

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

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

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

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

<SCRIPT LANGUAGE="JavaScript"> if (window.print) { document.write('<form> ' + '<input type=button name=print value="Click" ' + 'onClick="javascript:window.print()"> To Print this page!</form>'); } // End --> </script>

کدقرار دادن ماشین حساب

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

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

<HEAD> <SCRIPT LANGUAGE="JavaScript">  </script> <BODY onLoad="window.setTimeout('getSecs()',1)"> <CENTER> <FORM> <FONT SIZE="2" FACE="Arial">Time spent here: </FONT><input size=5 name=timespent> </FORM> </CENTER>

کد دریافت نام کاربر و خوش آمد گویی به او

<SCRIPT LANGUAGE="JavaScript"> //Modified by CoffeeCup Software //This code is Copyright (c) 1998 CoffeeCup Software //All rights reserved. License is granted to a single user to //reuse this code on a personal or business Web Site.  </SCRIPT>

کد ساعت در وبلاگ یا سایت

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

کد رنگ به صورت تصادفی

کد افکت متن شماره ی یک

<HTML><HEAD> <meta http-equiv="Content-Language" content="en-us"> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD> <BODY> <DIV id=Zittertext style="FONT-WEIGHT: bold; FONT-SIZE: 25pt; FILTER: Wave(freq=5, light=0, phase=8, strength=1); WIDTH: 100%; COLOR: orange"> <p align="center"><font color="#000000"> <span style="background-color: #FFFF00">www.javacity.co.sr</span></font></DIV> <SCRIPT language=JavaScript>  </SCRIPT> </BODY></HTML>

كد افكت متن شماره ي 2

<HTML><HEAD> <meta http-equiv="Content-Language" content="en-us"> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <META content="Microsoft FrontPage 5.0" name=GENERATOR></HEAD> <BODY><SPAN id=pochenderText style="WIDTH: 100%"> <H1 align="center"><font color="#FF0000">www.javacity.co.sr</font></H1></SPAN> <SCRIPT> <!-- // (C) 2002 Christian Heidler [ All rights reserved ]. // e-mail: privat@christianheidler.de var from = 4; // minimalgr??e(pochen) var to = 12; // maximalgr??e(pochen) var speed = 1; // Geschwindigkeit (je kleiner der Wert, umso schneller pocht es) var textcolor = "#aabbdd"; // Farbe ausw?hlen (hexadezimalen code od. Html-Farbname) var i = t