خوب براي اين مطلب براتون يك كد جاواي توپ پرواز يك پروانه در وب در نظر گرفتم . خاصيت اين كد اينه كه absolutly خودشو از body حساب نمي كنه . پس در تمام صفحه هست . به عبارتي يعني اگر بازم شما اسكرول رو ببريد پايين ، پروانه هم پايين مياد . خلاصه بگم كد باهاليه :

كد:

<!-- Start --- http://www.iroweb.com --> <script language="JavaScript1.2"> var cursorpath="http://iroweb.com/Java%20Script/Parvane/Fly.gif" if (document.layers) {document.write("<LAYER NAME='PoInTeRs' LEFT=800 TOP=10><img alt=www.iroweb.com src='"+cursorpath+"' width=17 height=22></LAYER>")} else if (document.all){document.write("<div id='pOiNtErS' style='position:absolute;top:10px;left:10px;width:17px;height:22px;z-index:50'><img alt=www.iroweb.com src='"+cursorpath+"' width=40 height=40></div>")} count=-1; move=1; function Curve(){ abc=new Array(0,1,1,1,2,3,4,0,6,-1,-1,-1,-2,-3,-4,0,-6) for (i=0; i < abc.length; i++) {var C=Math.round(Math.random()*[i])} howbend=abc[C]; setTimeout('Curve()',1900); return howbend; } ypos=100; xpos=100; degree = 600; function MoveRandom(){ PathBend=degree+=howbend;//ok! y = 4*Math.sin(PathBend*Math.PI/180); x = 6*Math.cos(PathBend*Math.PI/180); if (document.layers){ ypos+=y; xpos+=x; document.PoInTeRs.top=ypos+window.pageYOffset; document.PoInTeRs.left=xpos+window.pageXOffset; } else if (document.all){ ypos+=y; xpos+=x; document.all.pOiNtErS.style.top=ypos+document.body.scrollTop; document.all.pOiNtErS.style.left=xpos+document.body.scrollLeft; } T=setTimeout('MoveRandom()',50); } function edges(){ if (document.layers){ if (document.PoInTeRs.left >= window.innerWidth-40+window.pageXOffset)degree=Math.round(Math.random()*45+157.5); if (document.PoInTeRs.top >= window.innerHeight-30+window.pageYOffset)degree=Math.round(Math.random()*45-112.5); if (document.PoInTeRs.top <= 2+window.pageYOffset) degree = Math.round(Math.random()*45+67.5);//OK! if (document.PoInTeRs.left <= 2+window.pageXOffset) degree = Math.round(Math.random()*45-22.5);//OK! } else if (document.all) { if (document.all.pOiNtErS.style.pixelLeft >= document.body.offsetWidth-45+document.body.scrollLeft)degree=Math.round(Math.random()*45+157.5); if (document.all.pOiNtErS.style.pixelTop >= document.body.offsetHeight-35+document.body.scrollTop)degree=Math.round(Math.random()*45-112.5); if (document.all.pOiNtErS.style.pixelTop <= 2+document.body.scrollTop) degree = Math.round(Math.random()*45+67.5);//OK! if (document.all.pOiNtErS.style.pixelLeft <= 2+document.body.scrollLeft) degree = Math.round(Math.random()*45-22.5);//OK! } setTimeout('edges()',100); } function starteffect(){ Curve(); MoveRandom();// onUnload="opener.gO()" edges(); } if (document.all||document.layers) window.onload=starteffect </script> <script language="javascript" src="http://webgozar.com/c.aspx?Code=106300&t=counter"></script> <!-- End --- http://www.iroweb.com -->

 

نمايش كد :

 

جديدا يك سايت اومده كه نمايش موقعيت آيدي رو در وب نشان مي دهد . گفتم شايد اينجا جاش باشه تا آن كدها رو بهتون معرفي كنم ، چون اشكالش قشنگند . درضمن توي چند مطلب قبلي چند تا ديگه هم از اين نمايشگر ها معرفي كردم كه ميتونين از     اينجا      ببينيد .

 

کد اول :

نمایش کد :

کد نمایش :

<!--- iroweb.com Yahoo Status ----> <center> <img src="http://yahoo.uefa.ir/ystat.php?id=آيدي شما در ياهو&mod=1" border="0"> <br> <span style="font-family: tahoma;FONT-SIZE: 8pt"><a href="http://www.iroweb.com/" target="_blank" style="text-decoration: none"><font color="#000000">مرجع اصلي كدهاي جاوا</font></a> </center> <!--- iroweb.com Yahoo Status ---->

توجه : به جای يك کلمه " آیدی شما در ياهو " آیدی خودتونو  بنویسید .

 

کد دوم :

نمایش کد :

کد نمایش :

<!--- iroweb.com Yahoo Status ----> <center> <img src="http://yahoo.uefa.ir/ystat.php?id=آيدي شما در ياهو&mod=2" border="0"> <br> <span style="font-family: tahoma;FONT-SIZE: 8pt"><a href="http://www.iroweb.com/" target="_blank" style="text-decoration: none"><font color="#000000">مرجع اصلي كدهاي جاوا</font></a> </center> <!--- iroweb.com Yahoo Status ---->

توجه : به جای يك کلمه " آیدی شما در ياهو " آیدی خودتونو  بنویسید .

 

کد سوم :

نمایش کد :

کد نمایش :

<!--- iroweb.com Yahoo Status ----> <center> <img src="http://yahoo.uefa.ir/ystat.php?id=آيدي شما در ياهو&mod=3" border="0"> <br> <span style="font-family: tahoma;FONT-SIZE: 8pt"><a href="http://www.iroweb.com/" target="_blank" style="text-decoration: none"><font color="#000000">مرجع اصلي كدهاي جاوا</font></a> </center> <!--- iroweb.com Yahoo Status ---->

توجه : به جای يك کلمه " آیدی شما در ياهو " آیدی خودتونو  بنویسید .

 

کد چهارم :

نمایش کد :

کد نمایش :

<!--- iroweb.com Yahoo Status ----> <center> <img src="http://yahoo.uefa.ir/ystat.php?id=آيدي شما در ياهو&mod=4" border="0"> <br> <span style="font-family: tahoma;FONT-SIZE: 8pt"><a href="http://www.iroweb.com/" target="_blank" style="text-decoration: none"><font color="#000000">مرجع اصلي كدهاي جاوا</font></a> </center> <!--- iroweb.com Yahoo Status ---->

توجه : به جای يك کلمه " آیدی شما در ياهو " آیدی خودتونو  بنویسید .

 

کد پنجم :

نمایش کد :

کد نمایش :

<!--- iroweb.com Yahoo Status ----> <center> <img src="http://yahoo.uefa.ir/ystat.php?id=آيدي شما در ياهو&mod=5" border="0"> <br> <span style="font-family: tahoma;FONT-SIZE: 8pt"><a href="http://www.iroweb.com/" target="_blank" style="text-decoration: none"><font color="#000000">مرجع اصلي كدهاي جاوا</font></a> </center> <!--- iroweb.com Yahoo Status ---->

توجه : به جای يك کلمه " آیدی شما در ياهو " آیدی خودتونو  بنویسید .

 

کد ششم :

نمایش کد :

کد نمایش :

<!--- iroweb.com Yahoo Status ----> <center> <img src="http://yahoo.uefa.ir/ystat.php?id=آيدي شما در ياهو&mod=6" border="0"> <br> <span style="font-family: tahoma;FONT-SIZE: 8pt"><a href="http://www.iroweb.com/" target="_blank" style="text-decoration: none"><font color="#000000">مرجع اصلي كدهاي جاوا</font></a> </center> <!--- iroweb.com Yahoo Status ---->

توجه : به جای يك کلمه " آیدی شما در ياهو " آیدی خودتونو  بنویسید .

 

کد هفتم :

نمایش کد :

کد نمایش :

<!--- iroweb.com Yahoo Status ----> <center> <img src="http://yahoo.uefa.ir/ystat.php?id=آيدي شما در ياهو&mod=7" border="0"> <br> <span style="font-family: tahoma;FONT-SIZE: 8pt"><a href="http://www.iroweb.com/" target="_blank" style="text-decoration: none"><font color="#000000">مرجع اصلي كدهاي جاوا</font></a> </center> <!--- iroweb.com Yahoo Status ---->

توجه : به جای يك کلمه " آیدی شما در ياهو " آیدی خودتونو  بنویسید .

 

کد هشتم :

نمایش کد :

کد نمایش :

<!--- iroweb.com Yahoo Status ----> <center> <img src="http://yahoo.uefa.ir/ystat.php?id=آيدي شما در ياهو&mod=8" border="0"> <br> <span style="font-family: tahoma;FONT-SIZE: 8pt"><a href="http://www.iroweb.com/" target="_blank" style="text-decoration: none"><font color="#000000">مرجع اصلي كدهاي جاوا</font></a> </center> <!--- iroweb.com Yahoo Status ---->

توجه : به جای يك کلمه " آیدی شما در ياهو " آیدی خودتونو  بنویسید .

 

توجه داشته باشيد كه وقتي گفته مي شود آيدي ديگر نيازي به نوشتن عبارت yahoo.com@  نيست .

دوشنبه بیست و ششم شهریور 1386 - 12:26

نویسنده : مهرداد ترکمندی  لينك ثابت  

اینم چهار تا از کدهاي ساعت ، البته باید بگم که برای راحتی شما شکل ساعت و محل قرار گرفتن آنها رو در زیر کد آن گذاشتم .

  ** کد اول ( دور موس )  :
 

<!---- iroweb.com ----> <script language="JavaScript"> dCol='ffff00'; //date colour. fCol='00ff00'; //face colour. sCol='0000ff'; //seconds colour. mCol='ff00ff'; //minutes colour. hCol='ff1493'; //hours colour. ClockHeight=40; ClockWidth=40; ClockFromMouseY=0; ClockFromMouseX=100; d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY"); m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='...'; H=H.split(''); M='....'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='Arial'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; <!---- iroweb.com ----> y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">') for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>') document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>'); document.write('</div></div>') } (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ 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; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns||ie)window.onload=Delay; </script> <!---- iroweb.com ---->

 کد دوم ( دور موس )  :
 

<!---- iroweb.com ----> <script language=javascript> <!-- colors=new Array('Silver','#666666');sCol='silver';mCol='#666666';hCol='black';H='**** ';H=H.split('');H=H.reverse();M='**** ';M=M.split('');M=M.reverse();S='.... ';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:2px;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:Tahoma;font-size:10px;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:11px;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;}<!---- iroweb.com ----> 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> <!---- iroweb.com ---->

 

 کد سوم ( دور موس )  :
 

<!---- iroweb.com ----> <SCRIPT language=JavaScript> dCol='cc0099';//date colour. fCol='ff99cc';//face colour. sCol='cc99ff';//seconds colour. mCol='008000';//minutes colour. hCol='000080';//hours colour. ClockHeight=40; ClockWidth=40; ClockFromMouseY=0; ClockFromMouseX=100; d=new Array("SUNDAY","MONDAY","TUESDAY","WEDNESDAY","THURSDAY","FRIDAY","SATURDAY"); m=new Array("JANUARY","FEBRUARY","MARCH","APRIL","MAY","JUNE","JULY","AUGUST","SEPTEMBER","OCTOBER","NOVEMBER","DECEMBER"); date=new Date(); day=date.getDate(); year=date.getYear(); if (year < 2000) year=year+1900; TodaysDate=" "+d[date.getDay()]+" "+day+" "+m[date.getMonth()]+" "+year; D=TodaysDate.split(''); H='ooo'; H=H.split(''); M='oooo'; M=M.split(''); S='.....'; S=S.split(''); Face='1 2 3 4 5 6 7 8 9 10 11 12'; font='tohoma'; size=1; speed=0.6; ns=(document.layers); ie=(document.all); Face=Face.split(' '); n=Face.length; a=size*10; ymouse=0; xmouse=0; scrll=0; props="<font face="+font+" size="+size+" color="+fCol+"><B>"; props2="<font face="+font+" size="+size+" color="+dCol+"><B>"; Split=360/n; Dsplit=360/D.length; HandHeight=ClockHeight/4.5 HandWidth=ClockWidth/4.5 HandY=-7; HandX=-2.5; scrll=0; step=0.06; currStep=0; y=new Array();x=new Array();Y=new Array();X=new Array(); for (i=0; i < n; i++){y[i]=0;x[i]=0;Y[i]=0;X[i]=0} Dy=new Array();Dx=new Array();DY=new Array();DX=new Array(); for (i=0; i < D.length; i++){Dy[i]=0;Dx[i]=0;DY[i]=0;DX[i]=0} if (ns){ for (i=0; i < D.length; i++) document.write('<layer name="nsDate'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props2+D[i]+'</font></center></layer>'); for (i=0; i < n; i++) document.write('<layer name="nsFace'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+Face[i]+'</font></center></layer>'); for (i=0; i < S.length; i++) document.write('<layer name=nsSeconds'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+sCol+'><center><b>'+S[i]+'</b></center></font></layer>'); for (i=0; i < M.length; i++) document.write('<layer name=nsMinutes'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+mCol+'><center><b>'+M[i]+'</b></center></font></layer>'); for (i=0; i < H.length; i++) document.write('<layer name=nsHours'+i+' top=0 left=0 width=15 height=15><font face=Arial size=3 color='+hCol+'><center><b>'+H[i]+'</b></center></font></layer>'); } if (ie){ document.write('<div id="Od" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < D.length; i++) document.write('<div id="ieDate" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props2+D[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Of" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < n; i++) document.write('<div id="ieFace" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+Face[i]+'</B></font></div>'); document.write('</div></div>'); document.write('<div id="Oh" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < H.length; i++) document.write('<div id="ieHours" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+hCol+';text-align:center;font-weight:bold">'+H[i]+'</div>'); document.write('</div></div>'); document.write('<div id="Om" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < M.length; i++) document.write('<div id="ieMinutes" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+mCol+';text-align:center;font-weight:bold">'+M[i]+'</div>'); document.write('</div></div>') document.write('<div id="Os" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < S.length; i++) document.write('<div id="ieSeconds" style="position:absolute;width:16px;height:16px;font-family:Arial;font-size:16px;color:'+sCol+';text-align:center;font-weight:bold">'+S[i]+'</div>') document.write('</div></div>') }<!---- iroweb.com ----> (ns)?window.captureEvents(Event.MOUSEMOVE):0; function Mouse(evnt){ ymouse = (ns)?evnt.pageY+ClockFromMouseY-(window.pageYOffset):event.y+ClockFromMouseY; xmouse = (ns)?evnt.pageX+ClockFromMouseX:event.x+ClockFromMouseX; } (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse; function ClockAndAssign(){ 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; if (ie){ Od.style.top=window.document.body.scrollTop; Of.style.top=window.document.body.scrollTop; Oh.style.top=window.document.body.scrollTop; Om.style.top=window.document.body.scrollTop; Os.style.top=window.document.body.scrollTop; } for (i=0; i < n; i++){ var F=(ns)?document.layers['nsFace'+i]:ieFace[i].style; F.top=y[i] + ClockHeight*Math.sin(-1.0471 + i*Split*Math.PI/180)+scrll; F.left=x[i] + ClockWidth*Math.cos(-1.0471 + i*Split*Math.PI/180); } for (i=0; i < H.length; i++){ var HL=(ns)?document.layers['nsHours'+i]:ieHours[i].style; HL.top=y[i]+HandY+(i*HandHeight)*Math.sin(hrs)+scrll; HL.left=x[i]+HandX+(i*HandWidth)*Math.cos(hrs); } for (i=0; i < M.length; i++){ var ML=(ns)?document.layers['nsMinutes'+i]:ieMinutes[i].style; ML.top=y[i]+HandY+(i*HandHeight)*Math.sin(min)+scrll; ML.left=x[i]+HandX+(i*HandWidth)*Math.cos(min); } for (i=0; i < S.length; i++){ var SL=(ns)?document.layers['nsSeconds'+i]:ieSeconds[i].style; SL.top=y[i]+HandY+(i*HandHeight)*Math.sin(sec)+scrll; SL.left=x[i]+HandX+(i*HandWidth)*Math.cos(sec); } for (i=0; i < D.length; i++){ var DL=(ns)?document.layers['nsDate'+i]:ieDate[i].style; DL.top=Dy[i] + ClockHeight*1.5*Math.sin(currStep+i*Dsplit*Math.PI/180)+scrll; DL.left=Dx[i] + ClockWidth*1.5*Math.cos(currStep+i*Dsplit*Math.PI/180); } currStep-=step; } function Delay(){ scrll=(ns)?window.pageYOffset:0; Dy[0]=Math.round(DY[0]+=((ymouse)-DY[0])*speed); Dx[0]=Math.round(DX[0]+=((xmouse)-DX[0])*speed); for (i=1; i < D.length; i++){ Dy[i]=Math.round(DY[i]+=(Dy[i-1]-DY[i])*speed); Dx[i]=Math.round(DX[i]+=(Dx[i-1]-DX[i])*speed); } y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed); x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed); for (i=1; i < n; i++){ y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed); x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed); } ClockAndAssign(); setTimeout('Delay()',20); } if (ns||ie)window.onload=Delay; </SCRIPT> <!---- iroweb.com ---->

 

 کد چهارم ( سمت راست انتهای صفحه ) :
   توجه : این ساعت دور موس نیست .
 

<!---- iroweb.com ----> <SCRIPT language=JavaScript> fCol='444444'; //face colour. sCol='FF0000'; //seconds colour. mCol='444444'; //minutes colour. hCol='444444'; //hours colour. Ybase=30; //Clock height. Xbase=30; //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>'); } }<!---- iroweb.com ----> 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>'); }<!---- iroweb.com ----> 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> <!---- iroweb.com ---->

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

 

طريقه نصب كد :

ابتدا كد زير رو اول صفحه قرار دهيد :

<!-- Start --- http://www.iroweb.com --> <script src="http://iroweb.com/Java%20Script/Picrand/1.js" language="javascript"></script> <!-- End --- http://www.iroweb.com -->

مثل زير:

<html>
<head>

<!-- Start --- http://www.iroweb.com -->
<script src="http://iroweb.com/Java Script/Picrand/1.js" language="javascript"></script>
<!-- End --- http://www.iroweb.com -->
<meta http-equiv="Content-Language" content="fa">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Designer" content="Sasan Nobakht">
<meta http-equiv="Web" content="http://www.iroweb.com">

....

حالا هر جايي كه دوست دارين كد زير رو براي به نمايش در آمدن تصوير كپي كنيد :

 

<!-- Start --- http://www.iroweb.com --> <script>document.write("<a target='_blank' href='http://www.iroweb.com'><img width='150' height='120' alt='www.iroweb.com' border='0' SRC='"+pic[index]+"'></a>");</script> <!-- End --- http://www.iroweb.com -->

 

ديدن نمونه كد :  براي ديدن نمونه اين كد زيبا  اينجا  كليك نماييد .

براي اين مطلب براتون يك كد جاواي توپ شناي يك ماهي در وب در نظر گرفتم . اين كد رو براي اولين بار در  اين سايت مي بينيد . كدنويسي و طراحيش كار خودمه . به نظر خودم كد جالبي شده . خلاصه بگم كد باهاليه :

كد :

<!-- Start --- http://www.iroweb.com --> <a target="_blank" href="http://www.iroweb.com"><script language="javascript" src="http://iroweb.com/Java%20Script/Mahi/1.js"></script></a> <!-- End --- http://www.iroweb.com -->

  توجه : كد رو در اول وبلاگ يا سايت قرار دهيد .

 

نمايش كد :

نمونه كد : براي ديدن نمونه كد  اينجا  كليك كنيد .

توي اين پست ميخوام يك كد افكتي زيبا روي موس رو براتون بزارم . فكر كنم شكل و نمونه كد خودش گويا باشه . فقط بگم كه بهتره اين كد رو آخره كدهاي سايت يا وبلاگتون اضافه كنيد :

 

دريافت كد :

<!-- Start --- http://www.iroweb.com --> <SCRIPT language=JavaScript> if (document.all){ colours=new Array('00ff00','ffff00','ff0000','ff00ff','0000ff','ee00ee','8470ff','FFBD08','DE2929') amount=colours.length; YgetDelay=0,XgetDelay=0,Ydelay=0,Xdelay=0,step=0.2,currStep=0,my=0,mx=0; document.write('<div id="ie" style="position:absolute;top:0;left:0;"><div style="position:relative">'); for (i=0; i < amount; i++) document.write('<div id="iestars" style="position:absolute;top:0px;left:0px;height:50px;width:50px;font-family:Courier New;font-size:5px;color:'+colours[i]+';padding-top:20px;text-align:center">.</div>'); document.write('</div></div>'); ini=1; gstep=1; function iMouse(){ my=event.y;mx=event.x; } document.onmousemove=iMouse function dim(){ ini-=gstep; dt=setTimeout('dim()',10); if (ini < 3){ clearTimeout(dt); glow(); } } function glow(){ ini+=gstep; gt=setTimeout('glow()',100); if (ini > 15){ clearTimeout(gt); dim(); } } function stars(){ ie.style.top=document.body.scrollTop; for (i=0; i < amount; i++) { var layer=iestars[i].style; layer.filter='glow(color='+colours[i]+', strength='+ini+')'; layer.top= Ydelay+100*Math.sin((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10); layer.left=Xdelay+180*Math.cos((5*Math.sin((currStep-15.99)/10))+i*70)*Math.sin((currStep)/10)*Math.cos((currStep+i*25)/10); } currStep+=step; } function delay(){ Ydelay = YgetDelay+=(my-YgetDelay)*1/20; Xdelay = XgetDelay+=(mx-XgetDelay)*1/20; stars(); setTimeout('delay()',7); } delay(); glow(); } </SCRIPT> <center><a href="http://www.iroweb.com/" style="; font-family: tahoma;TEXT-DECORATION: none; FONT-SIZE:8pt">منبع اصلي كدهاي جاوااسكريپت<br>www.iroweb.com</a><br> <!-- End --- http://www.iroweb.com -->

تصوير كد :

ديدن نمونه : براي ديدن نمونه كد  اينجا  كليك كنيد .

سلام . دوستان بيشتر تقاضا داشتن كه قسمت ترفند هاي ويندوز و جاوا اسكريپ رو فعال نگه دارم . منم گفتم چشم . براي اون دسته از دوستان جاوايي يك كد زيبا دارم كه چند توپ گرد رو مثل فنر دنبال موس مياره .

 

كد اسكريپ :

<!-- Start --- http://www.iroweb.com --> <div id="dot0" style="position: absolute; visibility: hidden"><img src="http://iroweb.com/Java%20Script/Top Fanar/Bullet.gif" height=10 width=10></div> <div id="dot1" style="position: absolute"><img src="http://iroweb.com/Java%20Script/Top Fanar/Bullet.gif" height=9 width=9></div> <div id="dot2" style="position: absolute"><img src="http://iroweb.com/Java%20Script/Top Fanar/Bullet.gif" height=8 width=8></div> <div id="dot3" style="position: absolute"><img src="http://iroweb.com/Java%20Script/Top Fanar/Bullet.gif" height=7 width=7></div> <div id="dot4" style="position: absolute"><img src="http://iroweb.com/Java%20Script/Top Fanar/Bullet.gif" height=6 width=6></div> <div id="dot5" style="position: absolute"><img src="http://iroweb.com/Java%20Script/Top Fanar/Bullet.gif" height=5 width=5></div> <div id="dot6" style="position: absolute"><img src="http://iroweb.com/Java%20Script/Top Fanar/Bullet.gif" height=4 width=4></div> <div id="dot7" style="position: absolute"><img src="http://iroweb.com/Java%20Script/Top Fanar/Bullet.gif" height=3 width=3></div> <div id="dot8" style="position: absolute"><img src="http://iroweb.com/Java%20Script/Top Fanar/Bullet.gif" height=2 width=2></div> <div id="dot9" style="position: absolute"><img src="http://iroweb.com/Java%20Script/Top Fanar/Bullet.gif" height=1 width=1></div> <SCRIPT LANGUAGE="JavaScript"> // www.iroweb.com var nDots = 10; var Xpos = 0; var Ypos = 0; var DELTAT = .01; var SEGLEN = 10; var SPRINGK = 10; var MASS = 1; var GRAVITY = 50; var RESISTANCE = 10; var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; var followmouse = true; var dots = new Array(); init(); function init() { var i = 0; for (i = 0; i < nDots; i++) { dots[i] = new dot(i); } if (!isNetscape) { // www.iroweb.com } for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { startanimate(); } else { setTimeout("startanimate()", 0); } } function dot(i) { this.X = Xpos; this.Y = Ypos; this.dx = 0; this.dy = 0; if (isNetscape) { this.obj = eval("document.dot" + i); } else { this.obj = eval("dot" + i + ".style"); } }// www.iroweb.com function startanimate() { setInterval("animate()", 20); } function setInitPositions(dots) { var startloc = document.all.tags("LI"); var i = 0; for (i = 0; i < startloc.length && i < (nDots - 1); i++) { dots[i+1].X = startloc[i].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } function MoveHandlerIE() { Xpos = window.event.x + document.body.scrollLeft; Ypos = window.event.y + document.body.scrollTop; } if (isNetscape) { document.captureEvents(Event.MOUSEMOVE); document.onMouseMove = MoveHandler; } else { document.onmousemove = MoveHandlerIE; } function vec(X, Y) { this.X = X; this.Y = Y; } function springForce(i, j, spring) { var dx = (dots[i].X - dots[j].X); var dy = (dots[i].Y - dots[j].Y); var len = Math.sqrt(dx*dx + dy*dy); if (len > SEGLEN) { var springF = SPRINGK * (len - SEGLEN); spring.X += (dx / len) * springF; spring.Y += (dy / len) * springF; } } function animate() { var start = 0; if (followmouse) { dots[0].X = Xpos; dots[0].Y = Ypos; start = 1; } for (i = start ; i < nDots; i++ ) { var spring = new vec(0, 0); if (i > 0) { springForce(i-1, i, spring); } if (i < (nDots - 1)) { springForce(i+1, i, spring); } var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); var accel = new vec((spring.X + resist.X)/ MASS, (spring.Y + resist.Y)/ MASS + GRAVITY); dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); if (Math.abs(dots[i].dx) < STOPVEL && Math.abs(dots[i].dy) < STOPVEL && Math.abs(accel.X) < STOPACC && Math.abs(accel.Y) < STOPACC) { dots[i].dx = 0; dots[i].dy = 0; } dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; var height, width; if (isNetscape) { height = window.innerHeight + document.scrollTop; width = window.innerWidth + document.scrollLeft; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } if (dots[i].Y >= height - DOTSIZE - 1) { if (dots[i].dy > 0) { dots[i].dy = BOUNCE * -dots[i].dy; } dots[i].Y = height - DOTSIZE - 1; } if (dots[i].X >= width - DOTSIZE) { if (dots[i].dx > 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = width - DOTSIZE - 1; } if (dots[i].X < 0) { if (dots[i].dx < 0) { dots[i].dx = BOUNCE * -dots[i].dx; } dots[i].X = 0; } dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } // www.iroweb.com </script> <!-- End --- http://www.iroweb.com -->

  

نمونه كد : براي ديدن نمونه اين كد زيبا اينجا كليك كنيد .

اين كدي كه امروز براتون كامل توضيح ميدم به درد مواقعي مي خوره كه يك وبلاگ داشتيد و حالا از اسمش يا كلا از مطالبش خسته شديد و دوست دارين اسم و يا موضوع وبلاگ خود رو عوض كنيد . شما فقط كافيه كه كد زير رو كپي كنيد و به جاي قالب وبلاگ اول خود جايگزينش كنيد . بعد با خيال آسوده برين يك وبلاگ جديد بسازيد و با اون كار خود رو ادامه بدين . حالا هر كسي كه وارد وبلاگ قبلي شما شود بدون اين كه چيزي رو احساس كند مستقيما وارد وبلاگ دوم شما مي شود .

درضمن اين كد با همه كدهايي كه ممكنه جاهاي ديگه ببينيد فرق داره . فرقش اينه كه اولا كاربران چيزي از انتقالشون احساس نمي كنند و دوما اين كه شمارشي براي انتقال انجام نميده . آخه يك كد ديگه هم هست كه مثلا از 10 ميشماره مياد تا صفر بعد ميره به وبلاگ جديد . خلاصه خيالتون جمع باشه كه بهترين كد رو براتون انتخاب كردم :

 

<!-- Start --- http://www.iroweb.com --> <meta http-equiv="refresh" content="1; url= آدرس صفحه اي كه ميخواهيد كاربران به آن انتقال داده شوند"> <!-- End --- http://www.iroweb.com -->

 

توجه : حتما در كد به جاي عبارت " آدرس صفحه اي كه ميخواهيد كاربران به آن انتقال داده شوند " به طور كامل آدرس صفحه اي را كه دوست دارين بازديدكنندگان به آن بروند رو وارد كنيد . مثلا شيوه آدرس رو اينجوري بايد وارد كنيد :

 http://www.iroweb.com

تا حالا حتما توي وبلاگ ها يا سايت ها مختلف نوشته هاي متحرك رو مشاهده كرديد . توي اين پست مي خوام آموزش كامل متحرك سازي نوشته ها رو براتون ياد بدم تا خودتون هر جوري كه دوست دارين از اون استفاده كنيد .

نمونه :

كدهاي متحرك سازي در اول خود به سه نوع تقسيم مي شوند :

1 - كد متحرك سازي از راست به چپ

2 - كد متحرك سازي از چپ به راست

3 - كد متحرك سازي از بالا به پايين

 

خوب حالا مرحله به مرحله بريم جلو تا كامل شما رو با اين كد كاربردي آشنا كنم :

 

شكل كلي اين كد :

<marquee>سايت آموزش ايرانيان</marquee>

ريز كدهاي موجود :

شما ميتوانيد با گسترش دادن كد اصلي توسط ريز كدها از اين كد كاربردي به نحو دلخواه استفاده كنيد :

 

          الف : ريز كدهاي جهت دهنده : اين ريز كدها جهت حركت نوشته رو مشخص ميكنند كه عبارتند از :

direction="right"      به سمت راست

direction="left"           به سمت چپ

direction="down"            به پايين

          طريقه استفاده از اين ريز كدها اينجوريه :

<marquee direction="right">سايت آموزش ايرانيان</marquee>              سايت آموزش ايرانيان

<marquee direction="left">سايت آموزش ايرانيان</marquee>               سايت آموزش ايرانيان

<marquee direction="down">سايت آموزش ايرانيان</marquee>                 

   سايت آموزش ايرانيان

 

          ب : ريز كدهاي مشخص كننده نوع رفتار : اين ريز كدها يك حالت خاصي به اين متحرك مي دهند . مثلا معلوم ميكند كه بعد از برخورد با كنار صفحه بايستند يا اينكه بازتاب بشوند يا ... .

behavior="scroll"                                  گذر از دو طرف صفحه

behavior="slide"                        با رسيدن به انتهاي صفحه مي ايستد

behavior="alternate"                      با برخورد به كنار صفحه بر ميگرده

          طريقه استفاده از اين ريز كدها اينجوريه :

<marquee direction="right" behavior="scroll">سايت آموزش ايرانيان</marquee>              سايت آموزش ايرانيان

<marquee direction="right" behavior="slide">سايت آموزش ايرانيان</marquee>               سايت آموزش ايرانيان

<marquee direction="right" behavior="alternate">سايت آموزش ايرانيان</marquee>         سايت آموزش ايرانيان

 

 

          ج : ريز كدهاي مشخص كننده سرعت اسكرول :

scrolldelay="1"                   ميزان جهش در اسكرول

scrollamount="1"                            سرعت

          طريقه استفاده از اين ريز كدها اينجوريه : ( هرچه عدد سرعت بيشتر شود مسلما سرعت بيشتر مي شود )

<marquee direction="right" scrollamount="1">سايت آموزش ايرانيان</marquee>              سايت آموزش ايرانيان

<marquee direction="right" scrollamount="20">سايت آموزش ايرانيان</marquee>            سايت آموزش ايرانيان

 

سلام . نميدونم كه تا حالا به نحوه ورود و خروج از اين سايت دقت كرديد . ( در سري جديد ) ؟ اگر كمي دقت كنيد مي بينيد كه با يك افكت جالبي مياد و ميره . چند نفر از دوستان طراح كه اينو ديده بودند براشون جلب توجه كرده بود و تقاضا داشتند كه اين آموزشو براشون بزارم . خوب ما هم كه بخيل نيستيم ، لذا اين آموزشو براشون آماده كردم :

 

كدهاي اصلي : در اصل اين كد هاي افكت دهنده از نوع تگ هاي Meta مي باشند كه يك خط بيشتر نيستند .

 

<Meta http-equiv="Site-Enter">              براي زمان ورود از صفحه

<meta http-equiv="Site-Exit">                براي زمان خروج از صفحه

 

زير كدهاي افكت دهنده : با استفاده از اين زير كدها ميتوان افكت آمدن و خروج از صفحه رو مشخص كرد .

 

افكت به صورت باكس :

 

<Meta http-equiv="Site-Exit" Content="revealTrans(Duration=1.0,Transition=1)">

<Meta http-equiv="Site-Enter" Content="revealTrans(Duration=1.0,Transition=1)">

 

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

 

<Meta http-equiv="Site-Exit" Content="blendTrans(Duration=1.0)">

<Meta http-equiv="Site-Enter" Content="blendTrans(Duration=1.0)">

لودينگي كه امروز بهتون معرفی میکنم به اين شيوه كار ميكنه كه هنگامي که آدرس صفحه رو ميزنيد يه مستطيل مثل زير در بالاي صفحه مياد و هي پر ميكنه تا صفحه كاملا لود شه و بعد از لود شدن کاملا از روی صفحه محو میشه . ( مثل مال خودم )

 

صفحه در حال بارگذاري است! لطفا کمي صبر کنيد ...

 

 

خوب براي اين كار ابتدا كد زير رو در ابتداي قالب خوب بعد از تگ <Body> قرار دهيد :

 

<!-- Start --- http://www.iroweb.com --> <script>var DHTML = (document.getElementById || document.all || document.layers); function ap_getObj(name) { if (document.getElementById) { return document.getElementById(name).style; } else if (document.all) { return document.all[name].style; } else if (document.layers) { return document.layers[name]; } } function ap_showWaitMessage(div,flag) { if (!DHTML) return; var x = ap_getObj(div); x.visibility = (flag) ? 'visible':'hidden' ;if(! document.getElementById) if(document.layers) x.left=280/2; return true; }</script> <div id="waitDiv" style="border: 1px dotted ; POSITION:absolute;TOP: 90;RIGHT:400;TEXT-ALIGN:center; visibility:hidden; width:211; background-color:#b3c3e4" padding-left:4px; padding-right:4px; padding-top:1px; padding-bottom:1px> <p dir="rtl" style="margin-top: 5; margin-bottom:5"> <font color="#0000FF" face="Tahoma" style="font-size: 8pt">صفحه در حال بارگذاري است!<br>لطفا کمي صبر کنيد...</font></p> <p dir="rtl" style="margin-top: 0"><font face="Tahoma" style="font-size: 8pt"> <img alt="Please wait ..." src="http://www.iroweb.com/Photo/90a.gif" width="150" height="13" border="0"><br> <span style="visibility:''"> <a target="_blank" href="http://www.iroweb.com" style="text-decoration: none">Loading by : 2indownload.blogfa.com</a></span></font></p> </div> <SCRIPT> ap_showWaitMessage('waitDiv', 1)</SCRIPT> <!-- End --- http://www.iroweb.com -->

مثل زير :

<body>
<script>var DHTML = (document.getElementById || document.all || document.layers); function ap_getObj(name) { if (document.getElementById) { return document.getElementById(name).style; } else if (document.all) { return document.all[name].style; } else if (document.layers) { return document.layers[name]; } } function a ....

.....

بعد از اينكه كد بالا رو جايي كه گفتم گذاشتيد نوبت به گذاشتن كدي مي رسه كه بعد از لود صفحه ، لودينگ رو حذف كنه . لذا بايد اين كد رو در آخر كد قالبتون و قبل از تگ <html/> قرار دهيد :

 

<!-- Start --- http://www.iroweb.com --> <SCRIPT> ap_showWaitMessage('waitDiv', 0) </SCRIPT> <!-- End --- http://www.iroweb.com -->

مثل زير :

<SCRIPT>ap_showWaitMessage('waitDiv', 0)</SCRIPT>
</html>

 

خوب ديگه كار تموم ميشه . ولي چون ممكنه بعضي ها از شكل نوار لودينگ خوششون نياد من چند تا شكل براتون زير ميزارم كه هركدوم رو دوست داشتيد استفاده كنيد :

 

 

كد اول انفجار ستاره در وبلاگ يا سايت مي باشد كه باعث ايجاد جلوه زيبايي در صفحه ميشه . درضمن به نظر من بهتره وبلاگ ها يا سايت هايي كه پس زمينه شون تيرست از اين كد استفاده كنند :

 

دريافت كد :

<!-- Start --- http://www.iroweb.com --> <HEAD><style>v\:* { behavior: url(#default#VML); }</style></HEAD> <body> <script language="JavaScript">colors = new Array();colors[0] = new Array('yellow', 'lime');colors[1] = new Array('silver', 'green');colors[2] = new Array('silver', 'blue');colors[3] = new Array('silver', 'purple');colors[4] = new Array('purple', 'white');colors[5] = new Array('blue', 'silver');colors[6] = new Array('red', 'fuchsia');colors[7] = new Array('yellow', 'red'); // Define the maximum number of fire arrows maximum = 1000; vmlobj=''; for(i = 0; i < 12; i++){ vmlobj += '<div id="ster'+i+'" style="position:absolute; left:-50px; top-50px; visibility:hidden; z-index:50;">'; vmlobj += '<v:shape style="width:15px; height:15px;" fillcolor="yellow" coordorigin="0,0" coordsize="200 200">'; vmlobj += '<v:path v="m 8,65 l 72,65, 92,11, 112,65, 174,65, 122,100, 142,155,92,121, 42,155, 60,100 x e"/>'; vmlobj += '<v:stroke on="false" /></v:shape></div>'; } document.write(vmlobj); vmlobj = null; aantal = 0; function begin() { try { if(aantal == maximum){ return;} kleurschema = Math.floor(Math.random() * colors.length); posLinks = Math.floor(Math.random() * (document.body.clientWidth - 180)); posLinks = (posLinks < 170)? 170: posLinks; posBoven = Math.floor(Math.random() * (document.body.clientHeight - 180)); posBoven = (posBoven < 170)? 170: posBoven; straal = 0; uiteen = true; teller = 1; flikkereffect = false; for(var i = 0; i < 12; i++){ document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][0]); document.getElementById('ster'+i).style.visibility = 'hidden'; // 5.0 fix document.getElementById('ster'+i).style.left = posLinks; document.getElementById('ster'+i).style.top = posBoven; } document.getElementById('ster0').style.top = (document.body.clientHeight - 20); document.getElementById('ster0').style.visibility = 'visible'; omhoog(); } catch(e){} } function omhoog() { try { positie = parseInt(document.getElementById('ster0').style.top); if(positie > posBoven){ document.getElementById('ster0').style.top = (positie - 25); setTimeout('omhoog()', 50); } else { for(i = 1; i < 12; i++){ document.getElementById('ster'+i).style.top = positie; document.getElementById('ster'+i).style.visibility = 'visible'; } uiteenspatten(); } } catch(e){}} function uiteenspatten() { try { if(straal > 120 && straal % 10 == 0){ flikkereffect = true; teller = (teller == colors[kleurschema].length)? 0: (teller+1); } for(var i = 0; i < 12; i++){ var hoek = i * 30; var piHoek = Math.PI - Math.PI / 180 * hoek; var links = posLinks + Math.round(straal * Math.sin(piHoek)); var boven = positie + Math.round(straal * Math.cos(piHoek)); document.getElementById('ster'+i).style.left = links; document.getElementById('ster'+i).style.top = boven; if(flikkereffect){ document.getElementsByTagName('shape')[i].setAttribute('fillcolor', colors[kleurschema][teller]); } } if(straal < 160 && uiteen){ straal += (straal < 120)? 10: 5; setTimeout('uiteenspatten()', 50); } else if(straal > 120){ uiteen = false; straal -= 5; setTimeout('uiteenspatten()', 50);} else if(straal <= 120){ for(var i = 0; i < 12; i++){ document.getElementById('ster'+i).style.visibility = 'hidden';} aantal++; setTimeout('begin()', 500);}} catch(e) {}}window.onload=begin;</script> </body> <!-- End --- http://www.iroweb.com -->

 

نمونه كد : جهت ديدن نمونه كد  اينجا  كليك كنيد .

 

كد دوم انفجار توپ در وبلاگ يا سايت مي باشد كه شبيه آتيش بازي ميمونه . درضمن به نظر من اينم بهتره در وبلاگ ها يا سايت هايي استفاده بشه كه پس زمينه شون تيرست :

 

دريافت كد :

<!-- Start --- http://www.iroweb.com --> <body> <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,1,1"></layer> <layer name="a8" left=10 top=10 visibility=show bgcolor="#fff000" clip="0,0,1,1"></layer> <layer name="a9" left=10 top=10 visibility=show bgcolor="#ffa000" clip="0,0,1,1"></layer> <layer name="a10" left=10 top=10 visibility=show bgcolor="#ff00ff" clip="0,0,1,1"></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> <div id="starsDiv" style="position:absolute;top:0px;left:0px"> <div style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></div> <div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#00ff00;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ffffff;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#fff000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ffa000;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#ff00ff;font-size:1px"></div> <div style="position:relative;width:2px;height:2px;background:#ff00ff;font-size:2px"></div> <div style="position:relative;width:1px;height:1px;background:#0000ff;font-size:1px"></div> <div style="position:relative;width:1px;height:1px;background:#FF0000;font-size:1px"></div> </div> <SCRIPT LANGUAGE="JavaScript"> <!-- Iroweb.com var Clrs = new Array(9); Clrs[0] = 'ff0000';Clrs[1] = '00ff00';Clrs[2] = '000aff';Clrs[3] = 'ff00ff';Clrs[4] = 'ffa500';Clrs[5] = 'ffff00';Clrs[6] = '00ff00';Clrs[7] = 'ffffff';Clrs[8] = 'fffff0'; var sClrs = new Array(5);sClrs[0] = 'ffa500';sClrs[1] = '55ff66';sClrs[2] = 'AC9DFC';sClrs[3] = 'fff000';sClrs[4] = 'fffff0'; var yBase;var xBase;var step;var currStep = 0;var Xpos = 1;var Ypos = 1;var initialStarColor = 'ffa000';var Mtop = 250;var Mleft = 250; function Fireworks() { if (document.all) { yBase = window.document.body.offsetHeight / 3; xBase = window.document.body.offsetWidth / 8; } else if (document.layers) { yBase = window.innerHeight / 3; xBase = window.innerWidth / 8; } if (document.all) { step = 5; for ( i = 0 ; i < starsDiv.all.length ; i++ ) { for (ai = 0; ai < Clrs.length; ai++) { var c = Math.round(Math.random()*[ai]); } if (currStep < 90) starsDiv.all[i].style.background=initialStarColor; if (currStep > 90) starsDiv.all[i].style.background=Clrs[c]; starsDiv.all[i].style.top = Mtop + yBase*Math.sin((currStep+i*5)/3)*Math.sin(550+currStep/100) starsDiv.all[i].style.left = Mleft + yBase*Math.cos((currStep+i*5)/3)*Math.sin(550+currStep/100) } } else if (document.layers) { step = 5; for ( j = 0 ; j < 14 ; j++ ) { //number of NS layers! var templayer = "a"+j; for (ai = 0; ai < Clrs.length; ai++) { var c = Math.round(Math.random()*[ai]); } if (currStep < 90) document.layers[templayer].bgColor=initialStarColor; if (currStep > 90) document.layers[templayer].bgColor=Clrs[c]; document.layers[templayer].top = Mtop + yBase*Math.sin((currStep+j*5)/3)*Math.sin(550+currStep/100) document.layers[templayer].left = Mleft + yBase*Math.cos((currStep+j*5)/3)*Math.sin(550+currStep/100) } } currStep+= step; T=setTimeout("Fireworks()",5); if (currStep == 220) { currStep = -10; for (n = 0; n < sClrs.length; n++) { var k = Math.round(Math.random()*n); } initialStarColor = sClrs[k]; if (document.all) { Dtop = window.document.body.clientHeight - 250; Dleft = xBase * 3.5; Mtop = Math.round(Math.random()*Dtop); Mleft = Math.round(Math.random()*Dleft); document.all.starsDiv.style.top = Mtop+document.body.scrollTop; document.all.starsDiv.style.left = Mleft+document.body.scrollLeft; } else if (document.layers) { Dleft = window.innerWidth - 100; Dtop = window.innerHeight - 100; Mtop = Math.round(Math.random()*Dtop+window.pageYOffset); Mleft = Math.round(Math.random()*Dleft+window.pageXOffset); document.layers[templayer].top = Mtop; document.layers[templayer].left = Mleft; } if ((Mtop < 20) || (Mleft < 20)) { Mtop += 90; Mleft += 90; } } } Fireworks(); // End --> </script> </body> <!-- End --- http://www.iroweb.com -->

 

نمونه كد : جهت ديدن نمونه كد  اينجا  كليك كنيد .

با استفاده از اين كد ميتونين يك افكت جالب روي متن هاي خودتون وارد كنيد . بيشتر توضيح نميدم چون نمونه كد خودش گوياي مطلب هست . فقط دقت كنيد كه بايد متن شما انگليسي باشه .

 

دريافت كد :

<!-- Start --- http://www.iroweb.com --> <script>function uphilltext(text){var temptext=text.toUpperCase();var size=1;for (i=0;i<temptext.length;i++){document.write(temptext.charAt(i).fontsize(size).bold());if (size<7)size++;else size=1}}//طراح و كدنويس : ساسان نوبخت//www.iroweb.com</script> <script>uphilltext("متن شما")</script> <!-- End --- http://www.iroweb.com -->

 

نمونه كد :

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

 

اين كد توسط ويژوال بيسيك كدنويسي شده :

 

<!-- Start --- http://www.iroweb.com --> <Script Language=VBScript> Dim Bar, Line, SP Bar = 0 Line = "|" sP = 2 Function Window_onLoad() Bar = 0 sP = 1000 END Function Function Count() If Bar < 100 Then Bar = Bar + 1 Window.Status = "www.iroweb.com ==> Please Wait To Load Site : " & Bar & "%" & " " & String(Bar, Line) setTimeout "Count()", SP Else Window.Status = "" Document.Body.Style.Display = "" End If End Function Call Count() </Script> <!-- End --- http://www.iroweb.com -->

 

من خودم اين كد رو يكسري تغييرات دادم و به يك شكل ديگه در آوردم كه فقط در استاتوس بار درصد لود ذكر ميشه . اينم كدش :

 

<!-- Start --- http://www.iroweb.com --> <Script Language=VBScript> Dim Bar, Line, SP Bar = 0 Line = "|" sP = 2 Function Window_onLoad() Bar = 0 sP = 1000 END Function Function Count() If Bar < 100 Then Bar = Bar + 1 Window.Status = " " & Bar & "%" setTimeout "Count()", SP Else Window.Status = "" Document.Body.Style.Display = "" End If End Function Call Count() </Script> <!-- End --- http://www.iroweb.com -->

 

براي استفاده از اين كد بهتره اين رو در اول قالبتون و قبل از تگ <body> و <head> قرار دهيد .

بسياري از دوستان تقاضا داشتند تا منو هاي مختلف يك وبلاگ رو براشون معرفي و بررسي كنم . منم براي اولين منو ، منوي كاربري كه كاربردش خيلي زياده رو براتون انتخاب كردم .

 

منوي كاربري براي وبلاگ هاي موجود در سيستم ميهن بلاگ :

 

اضافه به علاقه مندي ها .:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

<Script>var bookmarkurl="http://[myblog]";var bookmarktitle="[blogtitle]";function addbookmark(){;if (document.all);window.external.AddFavorite(bookmarkurl,bookmarktitle)}Script>افزودن به علاقه مندي ها

 

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

onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://[myblog]');return false;" href="javascript:void(0)">صفحه خانگي سازي

 

ارسال ايميل به مدير يا ارتباط با ما .:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

ارسال ايميل / ارتباط با ما

 

پرينت يا چاپ صفحه.:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

چاپ

 

ذخيره سازي صفحه.:. كد اين امكان از منوي كاربري به صورت زير مي باشد :

ذخيره صفحه

 

تمامي پنج مورد بالا رو در يك چهار چوب كلي براتون به صورت زير آماده كردم كه فقط كافيه كد زير  رو كپي كنيد :

 

<!-- Start --- http://www.iroweb.com --> <Script>function doSaveAs(){if (document.execCommand){document.execCommand("SaveAs")}else {alert("Save-feature available only in Internet Exlorer 5.x.")}}</Script> <Script>var bookmarkurl="http://[myblog]";var bookmarktitle="[blogtitle]";function addbookmark(){;if (document.all);window.external.AddFavorite(bookmarkurl,bookmarktitle)}</Script> <div align="center"> <center> <table border="1" cellpadding="3" cellspacing="3" style="border-style:dotted; margin:0; border-collapse: collapse; text-align:justify; text-indent:0; word-spacing:0; line-height:100%" bordercolor="#111111" id="AutoNumber1"> <tr> <td width="100%" align="justify" style="text-align: justify; text-indent: 0; word-spacing: 0; line-height: 100%; margin: 0"> <p dir="rtl" style="margin-top: 0; margin-bottom: 0"><a href="javascript:addbookmark()">افزودن به علاقه مندي ها</a> <br> <a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://[myblog]');return false;" href="javascript:void(0)">صفحه خانگي سازي</a> <br> <a href="[contact]">ارسال ايميل / ارتباط با ما</a> <br> <a onclick="javascript:window.print()" href="javascript:void(0)">چاپ</a> <br> <a onclick="doSaveAs()" href="javascript:void(0)">ذخيره صفحه</a> <p dir="ltr" style="margin-top: 0; margin-bottom: 0"><span lang="en-us"> <a target="_blank" href="http://www.iroweb.com">Iroweb.com</a></span></td> </tr> </table> </center> </div> <!-- End --- http://www.iroweb.com --></body> </html>

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

 

براي وبسايت ها كه مشكلي نيست زيرا كافيه مثلا يك لينك بزارن كه با كليك روي اون از صفحه index وارد يك صفحه ي ديگه مثل main بشه .

 

ولي در مورد وبلاگ مساله فرق فوووووووكووووله . چون وبلاگ فقط يك صفحه است و يك كم مساله پيچيده تره . لذا من اومدم يك كد جاوا اسكريپت نوشتم كه اول وقتي كاربران وارد وبلاگ شما شدند يكسري نوشته نشون بده و بعد با كليك بر يك چيزي وبلاگ شما نمايش داده بشه .

 

فكر كنم خيلي گيج شديد . نگران نباشيد الان كاملا براتون توضيح ميدم :

 

 اول كد قالب وبلاگ خودتون و بين دو تگ <head>....</head> خط زير رو اضافه كنيد :

 

 

<script language="javascript" src="http://www.iroweb.com/Java%20Script/Webloge%20Inter/iroweb.js" type=text/javascript></script>

 

 

يعني با بين دو تگ بودنش اينجوري ميشه :

 

<head>
<script language="javascript" src="http://www.iroweb.com/Java%20Script/Webloge%20Inter/iroweb.js" type=text/javascript></script>
</head>

 

 حالا كد زير رو دقيقا بعد از تگ <body> قرار دهيد :

 

<div style="position:absolute;left:0;top:0;background-color:#FFFFFF;width:100%;height:100%" id="irowebscripts" style="display:inline">

---------------------------------------------------

</div>

 

 

خوب حالا خوب دقت كنيد ببينيد چي ميگم :

 

 اون متن يا تصوير و يا هرچيزي كه دوست داريد اول نشون داده بشه تا كاربر با كليك بر روي اون وارد وبلاگ شما بشه رو بجاي --------------------------------------------------- قرار دهيد . مثلا من يك نمون طراحي كردم . اينجوري شد :

 

 

<div style="position:absolute;left:0;top:0;background-color:#FFFFFF;width:100%;height:100%" id="irowebscripts" style="display:inline">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border: 1px dotted #C0C0C0;font-size: 8pt;font-family: tahoma;margin-top:200" bordercolor="#111111" width="384" height="200" align="center" dir="rtl">
<tr>
<td width="382" height="174" align="center"><a href="#" onclick="Hide();" style="color:#FF0000;text-decoration: none">جهت ورود به سايت اينجا كليك نماييد .</a></p></td>
</tr>
</table>
</div>

 

 براي پنهان كردن نوشته اوليه از دستور Hide() استفاده كنيد . يعني چي ؟ يعني اينكه اگر قراره لينكي وجود داشته باشه تا كاربر با كليك روي اون وبلاگ رو ببينه حتما لينكتونو اينفرمي بزاريد :

 

 

 <a href="#" onclick="Hide()">متن شما</a>

 

در آخر يك نمونه خودم ساختم ميتونيد بريد اينجا ببينيد :

 

http://www.iroweb.com/Java%20Script/Webloge%20Inter/demo.html

 

با آرزوي بهترين روزهاي تابستوني براي شما .

 

 

  <INPUT class=style1Copy style="FONT-SIZE: 9pt; WIDTH: 294px; FONT-FAMILY: Tahoma; HEIGHT: 116px" onclick="alert('سلام'); alert('..سلام كردم'); alert('جواب سلام واجبه ها'); alert('..خوبي'); alert('بابات خوبه؟'); alert('بد نيگا ميكني'); alert('مشكليه؟'); alert('دعوات مياد'); alert('بيا جلو تا دوتا پنجه گرگي خرجت كنم'); alert('از بس فوضولي'); alert('ميخواستي كليك نكني'); alert('حالا كه كردي بايد تا آخرش باشي :'); alert('هر كي خربزه مي خوره '); alert('پاي لرزش هم مي شينه'); alert(' راستي حالت خوبه'); alert('سالم و سلامت باشي'); alert('بلدي بشمري..؟'); alert('بشمر ببينم'); alert('1'); alert('2'); alert('3'); alert('4'); alert('5'); alert('6'); alert('7'); alert('10'); alert('ديدي بلد نبودي'); alert('11'); alert('12'); alert('13'); alert('14'); alert('15'); alert('16'); alert('17'); alert('18'); alert('19'); alert('تو خودت نمره بيستي... تو خودت نمره بيستي'); alert('بازم مي‌خواي بشمري؟'); alert('آره؟'); alert('باشه ميل خودت'); alert('21'); alert('22'); alert('خوب باشه گريه نكن !'); alert('چه خبره اينقدر تند كليك ميكني؟'); alert('تمرين خوبيه.نه؟'); alert('راستي چرا نظر نميدي؟'); alert('هان؟!'); alert('23'); alert('اگه از اينجا به خير وخوشي اومدي بيرون نظر بده'); alert('خواهشا فوشم نده'); alert('مي خواستي نياي'); alert('تقصير خودته'); alert('ميخواستي نيايي'); alert('پرروبازي در نيار'); alert('حالتو ميگيرما'); alert('يهو ديدي گفتم تا2000 بشين بشمار'); alert('پس بچه خوبي باشو بشين كليك كن'); alert(':بزار يه دوتا جوك بگم حوصلت سر نره'); alert('ازغضنفر مي پرسن تو چرا جورابت اينجوريه؟يه لنگش آبيه يه لنگش قرمز ؟ ميگه نميدونم والله ، يه جفت ديگه هم همينطوري تو خونه دارم؟'); alert('يه ماره روسري ميزاره ميگه من كبرام'); alert('جك سال رو شنيدي؟'); alert('يه گاو ميره كلاس زبان انگليسي صداش تغيير مي كنه به: وي وي وي'); alert('يه سئوال'); alert('آيا اين ضعف قانون نيست، كه هم كلاه گذاشتن جرم است هم كلاهبرداري؟'); alert('خوب ديگه بسه'); alert('تو درس وزندگي نداري'); alert('تو از جون من چي ميخوايي'); alert('مثل بختك افتادي رو وبلاگ من'); alert('چرا دست از سر كچل من ور نميداري'); alert('ده روتو كم كن ديگه'); alert('برو پي كارو زندگيت'); alert(':برو مشقاتو بنويس'); alert('اعصابت داغون شده؟'); alert('ميخوايي تا 100 بشمري و بري؟'); alert('بودي حالا'); alert('يه چايي پوست بكنم برات'); alert('آدم از تو سيريشتر نديدم به خدا'); alert('ايول ميخوايي بري؟'); alert('تا2000 بشمارو برو'); alert('1'); alert('2'); alert('4'); alert('اشتباه شمردي'); alert('از اول بشمار تا ياد بگيري'); alert('1'); alert('2'); alert('3'); alert('4'); alert('5'); alert('6'); alert('7'); alert('ولش كن'); alert('گناه داره'); alert('آخه نميتونم ازت دل بكنم'); alert('دوست دارم'); alert('اگه عشق من تونيستي پس حتما يكي ديگست'); alert('تورو خدا برو'); alert('تورو به حضرت علي برو'); alert('خستم كردي'); alert('نميري؟'); alert('پس بزار برات شعر بخونم'); alert('كنون رزم ويروس ورستم شنو دگر ها شنيدستي اينهم شنو'); alert('كه اسفنديارش يكي ديسك داد بگفتا به رستم كه اي نيكزاد'); alert('در اين ديسك باشد يكي فايل ناب كه بگرفتم از سايت افراسياب'); alert('چنين گفت رستم به اسفنديار كه من گشنمه نون سنگك بيار'); alert('جوابش چنين داد خندان طرف كه من نون سنگك ندارم به كف'); alert('برو حال ميكن بدين ديسك هان كه هم نون و هم آب باشد در آن'); alert('بقيشم نميگم'); alert('حاضري تا 2000 بشماريم'); alert('28'); alert('29'); alert('30'); alert('31'); alert('32'); alert('33'); alert('34'); alert('35'); alert('36'); alert('كاري نداري؟'); alert('خدافظ'); alert('ده خدافظ ديگه خدافظ'); alert(دانلودستان); alert('نظر يادت نره');" type=button size=83 value="كليك نكن www.2indownload.blogfa.com" name=button> </body> </html> </body> </html>

چند آی دی بکر رابرای وبلاگ یاسایت شماقراردادم تاشماوضعیت آنلاین یاآفلاین بودن خودرابه

بازدیدکنندگان نمایش دهیدویااینکه باآنهاچت کنید.

                                                 

برای کار این فال در وبلاگ یاسایت این کد را در جای مناسبی در ویرایش قالبتان کپی کنید.

---

<!--Powered by WWW.nancyajramsuperstar.COM--> <html> <TR> <table border="0" cellpadding="0" style="border-collapse: collapse" width="10%" bgColor=#000000> <tr> <td valign="bottom" style="BORDER-TOP-WIDTH: 1px; BORDER-RIGHT: #3c3c3c 1px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#000000, EndColorStr=#000000, GradientType=0); align="center"> <div align="center"><FONT style="FONT-SIZE: 7pt" face=Tahoma color=#ffffff><B>فالنامه </B></FONT> <br><font color="#FFFF00" size=2px>براي ديدن فال خود ابتدا نيت کنيد سپس بر روي يکي از دايره هاي موجود کليک کنيدتا فال خود را مشاهده کنيد </font></td> <A href="http://elga2r.blogfa.com" target=_blank></A> </tr></div> <tr> <td style="BORDER-TOP-WIDTH: 0.05px; BORDER-RIGHT: #3c3c3c 0.01px solid; FILTER: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#00000f, EndColorStr=#ffffff, GradientType=0);" height="10"<P dir=rtl align=center> <p><INPUT onclick=alert(value) type=radio value="خبري خوش در يافت ميکنيد" name=heydarhp3><INPUT onclick=alert(value) type=radio value="ريسک کن اما به عواقبش فکر کن" name=hp3><INPUT onclick=alert(value) type=radio value="به او نه نگو" name=hp3><INPUT onclick=alert(value) type=radio value="فال تو نکوست" name=hp3><INPUT onclick=alert(value) type=radio value="به دست خواهي آورد" name=hp3><INPUT onclick=alert(value) type=radio value="کوششش بيشتر لازم است" name=hp3><INPUT onclick=alert(value) type=radio value="شما هنوز بي تجربه ايد" name=hp3><BR><INPUT onclick=alert(value) type=radio value="با نزديکان خود مشورت کن" name=hp3><INPUT onclick=alert(value) type=radio value="کمي با خودتت فکر کن" name=hp3><INPUT onclick=alert(value) type=radio value="گمشده را پيدا خواهي کرد" name=hp3><INPUT onclick=alert(value) type=radio value="اميدوار باش" name=hp3><INPUT onclick=alert(value) type=radio value="خبري تورا شاد خواهد کرد" name=hp3><INPUT onclick=alert(value) type=radio value="از خرافات دوريکن " name=hp3><INPUT onclick=alert(value) type=radio value="در پيش مردم عزيز خواهي شد" name=hp3><BR><INPUT onclick=alert(value) type=radio value="کاري که ميکني به اينده اش فکر کن" name=hp3><INPUT onclick=alert(value) type=radio value="برو جلو من هواتو دارم" name=hp3><INPUT onclick=alert(value) type=radio value="امتحانش که ضرر ندارد" name=hp3><INPUT onclick=alert(value) type=radio value="سعي بيشتري کن" name=hp3><INPUT onclick=alert(value) type=radio value="با حرفات اينقدر ديگران را ازار نده" name=hp3><INPUT onclick=alert(value) type=radio value="کمک بگيري بد نيست" name=hp3><INPUT onclick=alert(value) type=radio value="مي توانيد او را ببخشيد" name=hp3><BR><INPUT onclick=alert(value) type=radio value="با ديگران ارام صحبت کنيد" name=hp3><INPUT onclick=alert(value) type=radio value="به فکر خودتان هم باشيد" name=hp3><INPUT onclick=alert(value) type=radio value="مشکلات براي همه وجود دارد اما سخت نگير" name=hp3><INPUT onclick=alert(value) type=radio value="نور اميد هنوز هست" name=hp3><INPUT onclick=alert(value) type=radio value="در اين مورد فکر نکني بهتر است" name=hp3><INPUT onclick=alert(value) type=radio value="اروزويت بر اورده خواهد شد" name=hp3><INPUT onclick=alert(value) type=radio value="احتياط لازم است" name=hp3><BR><INPUT onclick=alert(value) type=radio value="خبري خوش در يافت ميکنيد" name=hp3><INPUT onclick=alert(value) type=radio value="او هم تورا دوست دارد" name=hp3><INPUT onclick=alert(value) type=radio value="مواظت رفتارت باش" name=hp3><INPUT onclick=alert(value) type=radio value="خواهي يافت" name=hp3><INPUT onclick=alert(value) type=radio value="خير است موفق باشي" name=hp3><INPUT onclick=alert(value) type=radio value="به خدا توکل کن" name=hp3><INPUT onclick=alert(value) type=radio value="با انها مهربان باش" name=hp3></BR><INPUT onclick=alert(value) type=radio value="شادي باز خواهد گشت" name=hp3><INPUT onclick=alert(value) type=radio value="کمي وقت لازم است " name=hp3><INPUT onclick=alert(value) type=radio value="از زندگي نااميد نشو" name=hp3><INPUT onclick=alert(value) type=radio value="سعس نکنيد زندگي شما را اداره کند شما ان را اداره کنيد" name=hp3><INPUT onclick=alert(value) type=radio value="کار شايسته اي نيست پرهيز کن" name=hp3><INPUT onclick=alert(value) type=radio value="از زندگي لذت ببر " name=hp3><INPUT onclick=alert(value) type=radio value="اين کار گناه است" name=hp3><BR><INPUT onclick=alert(value) type=radio value="به ديگران کمک کنيد واز انها کمک بخواهيد" name=hp3><INPUT onclick=alert(value) type=radio value="از دستشان ناراحت نباش خير تورا مي خواهند" name=hp3><INPUT onclick=alert(value) type=radio value="زودتر تصميم بگير" name=hp3><INPUT onclick=alert(value) type=radio value="خبري خوش در يافت ميکنيد" name=hp3><INPUT onclick=alert(value) type=radio value="نکوست" name=hp3><INPUT onclick=alert(value) type=radio value="سفر کن" name=hp3><INPUT onclick=alert(value) type=radio value="بگو نترس" name=hp3><BR><INPUT onclick=alert(value) type=radio value="خوب است" name=hp3><INPUT onclick=alert(value) type=radio value="عالي است" name=hp3><INPUT onclick=alert(value) type=radio value="اميد داشته باش" name=hp3><INPUT onclick=alert(value) type=radio value="کمي را سخت است" name=hp3><INPUT onclick=alert(value) type=radio value="سفر خوبي داشته باشي" name=hp3><INPUT onclick=alert(value) type=radio value="مشکلات حل ميشوند" name=hp3><INPUT onclick=alert(value) type=radio value="ريسک نکن" name=hp3><BR><INPUT onclick=alert(value) type=radio value="شفا خواهي يافت" name=hp3><INPUT onclick=alert(value) type=radio value="مواظب باش زبانت کار دستت ندهد" name=hp3><INPUT onclick=alert(value) type=radio value="از کمک کردن هيچ وقت نترس" name=hp3><INPUT onclick=alert(value) type=radio value="از خدا ياري به خواه" name=hp3><INPUT onclick=alert(value) type=radio value="همه تورا دوست دارند خصوصا اوني که فکر ميکني" name=hp3><INPUT onclick=alert(value) type=radio value="صبر لازم است" name=hp3><INPUT onclick=alert(value) type=radio value="برو جلو از ريسک نترس" name=hp3><BR><INPUT onclick=alert(value) type=radio value="خيالات است" name=hp3><INPUT onclick=alert(value) type=radio value="هرگز !" name=hp3><INPUT onclick=alert(value) type=radio value="عاقبت اين کار خوبست" name=hp3><INPUT onclick=alert(value) type=radio value="حاجتت براورده خواهد شد" name=hp3><INPUT onclick=alert(value) type=radio value="براي اين کار بايد مثبت فکر کني" name=hp3><INPUT onclick=alert(value) type=radio value="از مريضي رها خواهي شد " name=hp3><INPUT onclick=alert(value) type=radio value="آينده از ان توست" name=hp3><BR><INPUT onclick=alert(value) type=radio value="در خود ترديد راه مده" name=hp3><INPUT onclick=alert(value) type=radio value="اصلا فکرش را نکن" name=hp3><INPUT onclick=alert(value) type=radio value="کمي مهربانتر باش" name=hp3><INPUT onclick=alert(value) type=radio value="به مرادت خواهي رسيد" name=hp3><INPUT onclick=alert(value) type=radio value="موفقيت از ان توست" name=hp3><INPUT onclick=alert(value) type=radio value="سختي ها پايان مي يابد" name=hp3><INPUT onclick=alert(value) type=radio value="نگران او نباش" name=hp3><BR><INPUT onclick=alert(value) type=radio value="کمک کردن به ديگران کاري پسنديده اي است" name=hp3><INPUT onclick=alert(value) type=radio value="انتظار پايان مي يابد" name=hp3><INPUT onclick=alert(value) type=radio value="سعي کنيد کدورتها را کنار بگذاريد" name=hp3><INPUT onclick=alert(value) type=radio value="زبانتان از مغزتان فعالتر است" name=hp3><INPUT onclick=alert(value) type=radio value="قبل از هر کاري کمي فکر کن" name=hp3><INPUT onclick=alert(value) type=radio value="صبر لازم است" name=hp3><INPUT onclick=alert(value) type=radio value="اين فال نيک است" name=hp3></P> <FONT color=#0000ff size=2px><A href="http://Javacity.blogfa.com" target=_blank> <CENTER><B>Javacity </B></CENTER></FONT> </td></P></TD></TR></html> <!-- End with WWW.javacity.BLOGFA.COM-->

مجموعه کد۳برای تغییرشکل موس درسایت ویاوبلاگ شما،به ادامه مطلب مراجعه کنید:

 

  

   

  و.....