چندتا کد زیبا

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

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

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

<!------ http://www.hadisystem.tk -------> <style> <!-- #leftright, #topdown{ position:absolute; left:0; top:0; width:1px; height:1px; layer-background-color:red; background-color:red; z-index:100; font-size:1px; } --></style> <div id="leftright" style="width:expression(document.body.clientWidth-2)"> </div> <div id="topdown" style="height:expression(document.body.clientHeight-2)"> </div> <script language="JavaScript1.2"> <!-- if (document.all&&!window.print){ leftright.style.width=document.body.clientWidth-2 topdown.style.height=document.body.clientHeight-2 } else if (document.layers){ document.leftright.clip.width=window.innerWidth document.leftright.clip.height=1 document.topdown.clip.width=1 document.topdown.clip.height=window.innerHeight } function followmouse1(){ //move cross engine for IE 4+ leftright.style.pixelTop=document.body.scrollTop+event.clientY+1 topdown.style.pixelTop=document.body.scrollTop if (event.clientX<document.body.clientWidth-2) topdown.style.pixelLeft=document.body.scrollLeft+event.clientX+1 else topdown.style.pixelLeft=document.body.clientWidth-2 } function followmouse2(e){ //move cross engine for NS 4+ document.leftright.top=e.y+1 document.topdown.top=pageYOffset document.topdown.left=e.x+1 } if (document.all) document.onmousemove=followmouse1 else if (document.layers){ window.captureEvents(Event.MOUSEMOVE) window.onmousemove=followmouse2 } function regenerate(){ window.location.reload() } function regenerate2(){ setTimeout("window.onresize=regenerate",400) } if ((document.all&&!window.print)||document.layers) window.onload=regenerate2 //--> </script> <!------ http://www.hadisystem.tk ------->

...............

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

<!------ http://www.hadisystem.tk -------> <object style="border: 3px solid " height="46" width="147" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"> <param name="volume" value="100"> <param name="Url" value="آدرس وب آهنگ"> <param name="enableContextMenu" value="-1"> <param name="rate" value="1"> <param name="balance" value="0"> <param name="currentPosition" value="0"> <param name="defaultFrame" value> <param name="playCount" value="1"> <param name="autoStart" value="-1"> <param name="currentMarker" value="0"> <param name="invokeURLs" value="-1"> <param name="baseURL" value> <param name="mute" value="0"> <param name="uiMode" value="full"> <param name="stretchToFit" value="0"> <param name="windowlessVideo" value="0"> <param name="enabled" value="-1"> <param name="fullScreen" value="0"> <param name="SAMIStyle" value> <param name="SAMILang" value> <param name="SAMIFilename" value> <param name="captioningID" value> <param name="enableErrorDialogs" value="0"> <embed src="آدرس وب آهنگ" stretchtofit="true" loop="true" enablecontextmenu="false" showcontrols="true" height="165" width="135" name="WMP1"> </embed></object> <!------ http://www.hadisystem.tk ------->

برای فایل هایی که حجم آنها زیاد است استفاده کنید

..........................

ساعت عقربه دار متحرک :

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

..................

گذاشتن عکس در پشت زمینه :

<!------ http://www.hadisystem.tk -------> <body style="background-image: url('آدرس عکس آپلود شده')"> <!------ http://www.hadisystem.tk ------->

................

تغیر رنگ اسکرول بار :

<!------ http://www.hadisystem.tk -------> <style> <!-- body { scrollbar-face-color: #505050;      scrollbar-highlight-color: #707070; scrollbar-shadow-color: #303030; scrollbar-3dlight-color: #909090; scrollbar-arrow-color: #ffd700; scrollbar-track-color: #c0c0c0; scrollbar-darkshadow-color: #000000; // --> </style> <!------ http://www.hadisystem.tk ------->

.................

پیغام هنگام خروج و ورود به وبلاگ

<!------ http://www.hadisystem.tk -------> <body onLoad="window.alert('سلام ');" onUnload="window.alert('بازم بیا ');"> </body> <!------ http://www.hadisystem.tk ------->