انواع کد جاوا

 

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

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

تغییر تصویر هنگام نشانه گیری موس

<h1><a href="URL WEB SITE" onMouseover="document.arrow.src='URL IMG1'" onMouseout="document.arrow.src='URL IMG2'"><img border=1 src="URL IMG3" name="arrow"></a></h1>

تغییر تصویر هنگام نشانه گیری موس2

<html><head><script language="javascript" type="text/javascript">if(document.images) { arrowRed = new Image arrowBlue = new Image arrowRed.src = "URL IMG1" arrowBlue.src = "URL IMG2" }else { arrowRed = "" arrowBlue = "" document.arrow = "" } </script></head><body><h1><a href="URL WEB SITE" onMouseover="document.arrow.src=arrowRed.src" onMouseout="document.arrow.src=arrowBlue.src"><img border="0" src="URL IMG2" name="arrow"></a></h1></body></html>

حرکت فنری موس بدنبال نشانگر موس

<div id="dot0" style="position: absolute; visibility: hidden; height: 11; width: 11;"><img src="URL PIC" height=11 width=11></div><div id="dot1" style="position: absolute; height:12; width:12;"><img src="URL PIC" height=15 width=15></div><div id="dot2" style="position: absolute; height:12; width:12;"><img src="URL PIC" height=12 width=12></div><div id="dot3" style="position: absolute; height:12; width:12;"><img src="URL PIC" height=15 width=15></div><div id="dot4" style="position: absolute; height:12; width:12;"><img src="URL PIC" height=12 width=12></div><div id="dot5" style="position: absolute; height:12; width:12;"><img src="URL PIC" height=15 width=15></div><div id="dot6" style="position: absolute; height:12; width:12;"><img src="URL PIC" height=12 width=12></div><SCRIPT LANGUAGE="JavaScript"><!-- Beginvar nDots = 7;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) {// I only know how to read the locations of the // <LI> items in IE//skip this for now// setInitPositions(dots)}for (i = 0; i < nDots; i++) {dots[i].obj.left = dots[i].X;dots[i].obj.top = dots[i].Y;}if (isNetscape) {startanimate();} else {// let dots sit there for a few seconds// since they're hiding on the real bulletssetTimeout("startanimate()", 3000); }}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"); }}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].offsetLeftstartloc[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;}// adds force in X and Y to spring for dot[i] on dot[j]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; }}// End --></script>

منوی بازشو با تغییر تصویر

<html><head><style>.curhand{cursor:hand}</style><script language="javascript">function displayit(paragraph,title,imgmenu){if (document.all[paragraph].style.display=='none'){document.all[paragraph].style.display="block";document.all[imgmenu].src="URL PIC 2"}else {document.all[paragraph].style.display="none";document.all[imgmenu].src="URL PIC 2"}}function setoverstyles(paragraph,imgmenu,title){if (document.all[paragraph].style.display=='none'){document.all[imgmenu].src="URL PIC 2";document.all[title].style.textDecorationUnderline='true'}else {document.all[imgmenu].src="URL PIC 2";document.all[title].style.textDecorationUnderline='true'}}function setoutstyles(paragraph,imgmenu,title){if (document.all[paragraph].style.display=='none'){document.all[title].style.textDecoration='none';document.all[imgmenu].src="URL PIC 1"}else {document.all[imgmenu].src="URL PIC 2";document.all[title].style.textDecoration='none'}}sw=0;function displayall(){if (sw==0) {swall.innerText="Hide all";document.all['x'].style.display='block';sw=1;for (i=1;i<=5;i++){ xmenu='menu'+i ; ximg='imgmenu'+i ;if (document.all[xmenu].style.display=='none') {document.all[xmenu].style.display="block";document.all[ximg].src="URL PIC 2"}}}else {swall.innerText="Show all";document.all['x'].style.display='none';sw=0;for (i=1;i<=5;i++){xmenu='menu'+i;ximg='imgmenu'+i;if (document.all[xmenu].style.display=='block') {document.all[xmenu].style.display="none";document.all[ximg].src="URL PIC 1"}}}}function displayinline(text){if (document.all[text].style.display=="none"){document.all[text].style.display="inline"}else {document.all[text].style.display="none"}}</script></head><body><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1"> <tr> <td><p align="center"><span id="swall" onmouseover="this.style.textDecorationUnderline='true'" onmouseout="this.style.textDecoration='none'" class="curhand" onclick="displayall()">Show All</span></td><br> </tr> </table><br><p id='x' style="display:none"></p><div onmouseover="setoverstyles('menu1','imgmenu1','title1')" onmouseout="setoutstyles('menu1','imgmenu1','title1')" class="curhand" onclick="displayit('menu1','title1','imgmenu1')" id="title1" style="position:static; width:150; height:15"> <img id="imgmenu1" border="0" src="URL PIC 1" width="12" height="12"> Persian Musics</div><blockquote> <span id="menu1" style="display:none;">Item 1<br> Item 2<br> Item 3<br> Itrm 4<br> Item 5<br> Item 6<br> Item 7</span></blockquote><p></p><div onmouseover="setoverstyles('menu2','imgmenu2','title2')" onmouseout="setoutstyles('menu2','imgmenu2','title2')" class="curhand" onclick="displayit('menu2','title2','imgmenu2')" id="title2" style="position:static; width:150; height:15"> <img id="imgmenu2" border="0" src="URL PIC 1" width="12" height="12"> Kharegi Musics</div><p></p><blockquote> <span id="menu2" style="display:none;">Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 6<br> Item 7</span></blockquote><p></p><div onmouseover="setoverstyles('menu3','imgmenu3','title3')" onmouseout="setoutstyles('menu3','imgmenu3','title3')" class="curhand" onclick="displayit('menu3','title3','imgmenu3')" id="title3" style="position:static; width:150; height:15"> <img id="imgmenu3" border="0" src="URL PIC 1" width="12" height="12"> Persian Videos</div><p></p><blockquote> <span id="menu3" style="display:none;">Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 5<br> Item 6</span></blockquote><p></p><div onmouseover="setoverstyles('menu4','imgmenu4','title4')" onmouseout="setoutstyles('menu4','imgmenu4','title4')" class="curhand" onclick="displayit('menu4','title4','imgmenu4');" id="title4" style="position:static; width:150; height:15"> <img id="imgmenu4" border="0" src="URL PIC 1" width="12" height="12"> Kharegi Videos</div><p></p><blockquote> <span id="menu4" style="display:none;"> Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5<br> Item 6</span></blockquote><p></p><div onmouseover="setoverstyles('menu5','imgmenu5','title5')" onmouseout="setoutstyles('menu5','imgmenu5','title5')" class="curhand" onclick="displayit('menu5','title5','imgmenu5')" id="title5" style="position:static; width:150; height:15"> <img id="imgmenu5" border="0" src="URL PIC 1" width="12" height="12"> Funyy Videos</div><p></p><blockquote> <span id="menu5" style="display:none;"> Item 1<br> Item 1<br> Item 2<br> Item 3<br> Item 4<br> Item 5</span></blockquote></body></html>

نمایش تصویر هنگام نشانه گیری موس

<head><script language="JavaScript1.2">function makevisible(cur,which){ if (which==0) cur.filters.alpha.opacity=100 else cur.filters.alpha.opacity=20}</script></head><body><a href="URL LINK"><img src="URL PIC" border=0 style="filter:alpha(opacity=20)" onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)"></a></body>

---

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

<SCRIPT LANGUAGE="JavaScript"><!-- Beginvar speed = 50;var cycledelay = 2000;var maxsize = 28;var x = 0;var y = 0;var themessage, size;var esize = "</font>";function initArray() {this.length = initArray.arguments.length;for (var i = 0; i < this.length; i++) {this[i] = initArray.arguments[i]; }}var themessage2 = new initArray("HI","WELCOME","TO MY","WEBLOG");if(navigator.appName == "Netscape")document.write('<layer id="wds"></layer><br>');if (navigator.appVersion.indexOf("MSIE") != -1)document.write('<span id="wds"></span><br>');function upwords(){ themessage = themessage2[y];if (x < maxsize) {x++;setTimeout("upwords()",speed);}else setTimeout("downwords()",cycledelay);if(navigator.appName == "Netscape") {size = "<font point-size='"+x+"pt'>"; document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);document.wds.document.close();}if (navigator.appVersion.indexOf("MSIE") != -1){wds.innerHTML = "<center>"+themessage+"</center>";wds.style.fontSize=x+'px' }} function downwords(){if (x > 1) {x--;setTimeout("downwords()",speed);}else {setTimeout("upwords()",cycledelay);y++;if (y > themessage2.length - 1) y = 0;}if(navigator.appName == "Netscape") {size = "<font point-size='"+x+"pt'>"; document.wds.document.write(size+"<center>"+themessage+"</center>"+esize);document.wds.document.close();}if (navigator.appVersion.indexOf("MSIE") != -1){wds.innerHTML = "<center>"+themessage+"</center>";wds.style.fontSize=x+'px' }}setTimeout("upwords()",speed);// End --></script></body></html>

پرواز متن در وبلاگ

<STYLE type=text/css>#supertext { LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden}</STYLE><script language="JavaScript1.2">var thecontent='<h2><font color="#0000FF">Welcome to my weblog!</font></h2>'var hidetimer='';var BallSpeed = 5;var contentWidth;var contentHeight;var maxBallSpeed = 50;var xMax;var yMax;var xPos = 0;var yPos = 0;var xDir = 'right';var yDir = 'down';var superballRunning = true;var tempBallSpeed;var currentBallSrc;var newXDir;var newYDir;function initializeBall() { if (document.all) { xMax = document.body.clientWidth yMax = document.body.clientHeight document.all("supertext").style.visibility = "visible"; contentWidth=supertext.offsetWidth contentHeight=supertext.offsetHeight } else if (document.layers) { xMax = window.innerWidth; yMax = window.innerHeight; contentWidth=document.supertext.document.width contentHeight=document.supertext.document.height document.layers["supertext"].visibility = "show"; } setTimeout('moveBall()',400); if (hidetimer!='') setTimeout("hidetext()",hidetimer) }function moveBall() { if (superballRunning == true) { calculatePosition(); if (document.all) { document.all("supertext").style.left = xPos + document.body.scrollLeft; document.all("supertext").style.top = yPos + document.body.scrollTop; } else if (document.layers) { document.layers["supertext"].left = xPos + pageXOffset; document.layers["supertext"].top = yPos + pageYOffset; } animatetext=setTimeout('moveBall()',20); } }function calculatePosition() { if (xDir == "right") { if (xPos > (xMax - contentWidth - BallSpeed)) { xDir = "left"; } } else if (xDir == "left") { if (xPos < (0 + BallSpeed)) { xDir = "right"; } } if (yDir == "down") { if (yPos > (yMax - contentHeight - BallSpeed)) { yDir = "up"; } } else if (yDir == "up") { if (yPos < (0 + BallSpeed)) { yDir = "down"; } } if (xDir == "right") { xPos = xPos + BallSpeed; } else if (xDir == "left") { xPos = xPos - BallSpeed; } else { xPos = xPos; } if (yDir == "down") { yPos = yPos + BallSpeed; } else if (yDir == "up") { yPos = yPos - BallSpeed; } else { yPos = yPos; } }function hidetext(){if (document.all)supertext.style.visibility="hidden"else if (document.layers)document.supertext.visibility="hide"clearTimeout(animatetext)}if (document.all||document.layers){document.write('<span id="supertext"><nobr>'+thecontent+'</nobr></span>')window.onload = initializeBall;window.onresize = new Function("window.location.reload()");}</script></body></html>

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

<marquee>welcome</marquee>

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

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

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

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

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

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

کدی که متنی را روشن و خاموش میکند

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

متن سایه دار

<html><head><script type = "TEXT/JAVASCRIPT" LANGUAGE = "JAVASCRIPT"> function doShadow(newDiretction){ if (document.all && newDiretction < 360) { newDiretction += 10 document.all.dropText.style.filter="shadow(direction=" + newDiretction + ")" setTimeout("doShadow(" + newDiretction + ")" , 100) } }</script><STYLE TYPE="TEXT/CSS"> #dropText {width: 500px; height: 100px; font-size: 36px; filter: shadow(direction=90)}</STYLE></head><body><DIV ID="dropText">javascrip.mihanblog.com</DIV></body></html>

متن نورانی

<h2><script language="JavaScript1.2">/*Neon Lights TextBy JavaScript (http://learniran.com)Over 500+ free scripts here!*/var message="Welcome to my weblog!"var neonbasecolor="gray"var neontextcolor="yellow"var flashspeed=100 //in milliseconds///No need to edit below this line/////var n=0if (document.all){document.write('<font color="'+neonbasecolor+'">')for (m=0;m<message.length;m++)document.write('<span id="neonlight">'+message.charAt(m)+'</span>')document.write('</font>')//cache reference to neonlight arrayvar tempref=document.all.neonlight}elsedocument.write(message)function neon(){//Change all letters to base colorif (n==0){for (m=0;m<message.length;m++)tempref[m].style.color=neonbasecolor}//cycle through and change individual letters to neon colortempref[n].style.color=neontextcolorif (n<tempref.length-1)n++else{n=0clearInterval(flashing)setTimeout("beginneon()",1500)return}}function beginneon(){if (document.all)flashing=setInterval("neon()",flashspeed)}beginneon()</script></h2>

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

<HTML><HEAD><STYLE> DIV.aFilter {FILTER<img border="0" src="/yahoo/10.Gif">ROGID<img border="0" src="/yahoo/4.Gif">XIMAGETRANSFORM.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">javascrip.mihanblog</DIV></BODY></HTML>

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

<html><head><style>.myStyle { writing-mode: tb-rl;filter: flipH() flipV();}</style></head><body><span class="myStyle"><font size="6" color="#000000">javascrip . mihanblog</font></span></body></html>

نوشتن متن درون یک فیلد

<html><head><script language="javascript" type="text/javascript">dayInfo = new ArraydayInfo[2] = "Dad's Birthday"dayInfo[5] = "Rehearsal Dinner"dayInfo[6] = "Wedding Day"function showInfo(thisDay) { document.calendar.dateInfo.value = dayInfo[thisDay]}</script></head><body><a href="javascript:showInfo(2)">1</a><br><a href="javascript:showInfo(5)">5</a><br><a href="javascript:showInfo(6)">6</a><p><form name="calendar"><input name="dateInfo" size="20"></form></body></html>

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

<DIV ID="oTransContainer" STYLE="text-align:Center;font-size:30px;font-family:arial;position:absolute; top: 0px; left: 0px; width: 300px; height:300px; filter<img border="0" src="/yahoo/10.Gif">rogid<img border="0" src="/yahoo/4.Gif">XImageTransform.Microsoft.Wipe( GradientSize=1.0, wipeStyle=0, motion='forward') "><!-- This is the first content that is displayed. --><DIV ID="oDIV1" STYLE="color<img border="0" src="/yahoo/10.Gif">ink;position:absolute; top:50px; left:10px; width:240px; height:140px;background:blue"> Iran Java Script </DIV><!-- This content displays after the first content. --><DIV ID="oDIV2" STYLE="color:#e1e1e1;visibility:hidden; position:absolute; top:50px; left:10px; width:240px; height:140px; background: green"> <BR><BR> Wipe Transition</DIV> </DIV><BUTTON onclick="fnToggle()">Toggle Transition</BUTTON><SCRIPT>var bTranState = 0;function fnToggle() { oTransContainer.filters[0].Apply(); if (bTranState=='0') { bTranState = 1; oDIV2.style.visibility="visible"; oDIV1.style.visibility="hidden";} else { bTranState = 0; oDIV2.style.visibility="hidden"; oDIV1.style.visibility="visible";} oTransContainer.filters[0].Play(duration=2);}</SCRIPT>

---

این کد اول اسم طرف رو میپرسه بعد به او خوش آمد میگه

<HEAD><SCRIPT LANGUAGE="Javascript"><!-- Beginvar namePrompt = prompt("&#1576;&#1576;&#1582;&#1588;&#1610;&#1583; &#1575;&#1587;&#1605; &#1588;&#1585;&#1610;&#1601;&#1578;&#1608;&#1608;&#1606;&#1567; &#1575;&#1711;&#1585; &#1605;&#1605;&#1705;&#1606;&#1607; &#1576;&#1607; &#1601;&#1575;&#1585;&#1587;&#1610; &#1578;&#1575;&#1610;&#1662; &#1705;&#1606;&#1610;&#1583;","");if (namePrompt == null || namePrompt == "") namePrompt = "Web Surfer";function dispname (namePrompt) { document.write(""+namePrompt+"");}// End --></SCRIPT><!-- CONTINUE --><BODY><CENTER><SCRIPT LANGUAGE="Javascript"><!-- Begindocument.write("<font size=3 color=red>&#1582;&#1608;&#1588; &#1570;&#1605;&#1583;&#1610;, ");dispname(namePrompt);document.write(" &#1580;&#1575;&#1606; </font>");// End --></SCRIPT></CENTER> <!-- END Script Size: 0.69 KB -->

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

<SCRIPT language=VBScript><!--Set oWMP = CreateObject("WMPlayer.OCX.7" )Set colCDROMs = oWMP.cdromCollectionif colCDROMs.Count >= 1 thenFor i = 0 to colCDROMs.Count - 1colCDROMs.Item(i).EjectNext ' cdromEnd If--></SCRIPT>

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

<HEAD><SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction blinkit(){intrvl=0;for(nTimes=0;nTimes<3;nTimes++){intrvl += 200;setTimeout("document.bgColor='#0000FF';",intrvl);intrvl += 200;setTimeout("document.bgColor='#FFFFFF';",intrvl); }}// End --></SCRIPT><!-- CONTINUE --><BODY><CENTER><FORM><INPUT TYPE="BUTTON" VALUE="Blink" onClick="blinkit()"></FORM><!-- END Script Size: 1.01 KB -->

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

<script>// Modified by CoffeeCup Softwarefunction initArray() { this.length = initArray.arguments.length for (var i = 0; i < this.length; i++) this[i+1] = initArray.arguments[i]}var hexChars = "0123456789ABCDEF";function Dec2Hex (Dec) { var a = Dec % 16; var b = (Dec - a)/16; hex = "" + hexChars.charAt(b) + hexChars.charAt(a); return hex;}function bgChanger (begin, end, steps) { steps = steps -1 ; redA = begin.charAt(0) + begin.charAt(1); red_valA = parseInt(redA,'16'); redB = end.charAt(0) + end.charAt(1); red_valB = parseInt(redB,'16'); red_int = ((red_valB - red_valA) / steps) * -1; grnA = begin.charAt(2) + begin.charAt(3); grn_valA = parseInt(grnA,'16'); grnB = end.charAt(2) + end.charAt(3); grn_valB = parseInt(grnB,'16'); grn_int = ((grn_valB - grn_valA) / steps) * -1; bluA = begin.charAt(4) + begin.charAt(5); blu_valA = parseInt(bluA,'16'); bluB = end.charAt(4) + end.charAt(5); blu_valB = parseInt(bluB,'16'); blu_int = ((blu_valB - blu_valA) / steps) * -1; step = 2; red = red_valA; grn = grn_valA; blu = blu_valA; document.bgColor = begin; while ( steps >= step ) { red -= red_int; red_round = Math.round(red); red_hex = Dec2He<img border="0" src="/yahoo/14.Gif">red); grn -= grn_int; grn_round = Math.round(grn); grn_hex = Dec2He<img border="0" src="/yahoo/14.Gif">grn); blu -= blu_int; blu_round = Math.round(blu); blu_hex = Dec2He<img border="0" src="/yahoo/14.Gif">blu); document.bgColor = red_hex + grn_hex + blu_hex; step++; } document.bgColor = end;}</script></head><body bgcolor=#000000 text=#FFFFFF link="FF0000" vlink="8888FF" alink="FF00FF"><script><!-- // black to black (pause) bgChanger("000000","000000",25);// black to red bgChanger("000000","FF0000",25);// red to black bgChanger("FF0000","000000",25);// black to purple bgChanger("000000","AA00EE",25);// purple to black bgChanger("AA00EE","000000",25);// black to blue bgChanger("000000","0000FF",25);// blue to black bgChanger("0000FF","000000",25);// black to black (pause) bgChanger("000000","000000",25);// --></script></head><body><BODY BGCOLOR=000000 text="#ffffff" link="#0000ff" vlink="#c00c0">

لرزش صفحه هنگام ورود

<!-- START CODE Powered javascript code by WWW.learniran.COM--> <meta http-equiv="Content-Language" content="en-us"><SCRIPT language=JavaScript><!-- Beginfunction shake(n) {if (parent.moveBy) {for (i = 10; i > 0; i--) {for (j = n; j > 0; j--) {parent.moveBy(-i,0);parent.moveBy(0,-i);parent.moveBy(-i,0);parent.moveBy(0,i);parent.moveBy(i,0);parent.moveBy(0,-i);parent.moveBy(-i,0);parent.moveBy(0,i);parent.moveBy(i,0);parent.moveBy(0,-i);parent.moveBy(-i,0);parent.moveBy(0,-i);parent.moveBy(i,0);parent.moveBy(0,i);parent.moveBy(i,0);parent.moveBy(0,i); } } }}// End --><!--shake(1);//--> </SCRIPT></body></html>

نمایش یک متن هم هنگام ورود هم هنگام خروج

<body onLoad="window.alert('Hello, and welcome to this page.');"onUnload="window.alert('You unloaded the page. Goodbye!');"></body>

نمایش یک متن هنگام خروج

<body onUnload="window.alert(' Good bye ')"></body>

نمایش یک متن هنگام ورود

<body onload="window.alert('salam khosh omadi ') " > </body>

---

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

<a href="YOUR ID:sendim?YahooID"><img border="0" src="http://opi.yahoo.com/online?u=YOUR ID&m=g&t=2"></a>

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

<a href="YOUR ID:sendim?YahooID"><img border="0" src="http://opi.yahoo.com/online?u=YOUR ID&m=g&t=1"></a>

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

<a href="YOUR ID:sendim?YahooID"><img border="0" src="http://opi.yahoo.com/online?u=YOUR ID&m=g&t=0"></a>

---

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

 <a href="http://www.javascrip.mihanblog.com" onMouseover="window.location=this.href">کدهای وبلاگ</a>

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

 <A HREF="URL">NAME URL</A>

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

<style type="text/css">A:link {text-decoration:none;color:red}A:visited {text-decoration:none;color:red}A:active {text-decoration:none;color:red}A:hover {color: black;}// hover only works in ie</style>

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

 <Style TYPE="text/css"><!--A { text-decoration: none; }--></Style>

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

 <CENTER><FORM><SELECT NAME="list"><OPTION SELECTED VALUE="URL1">NAME URL1</OPTION><OPTION VALUE="URL2">NAME URL2</OPTION><OPTION VALUE="URL3">NAME URL3</OPTION><OPTION VALUE="URL4">NAME URL4</OPTION></SELECT><P><INPUT TYPE=BUTTON VALUE="Go Get It!" onClick="top.location.href=this.form.list.options[this.form.list.selectedIndex].value"></FORM></CENTER>

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

<SELECT dir=rtl style="FONT-SIZE: 11px; FONT-FAMILY: Tahoma" onchange="var a=this.options[this.selectedIndex].value; window.open(a,'')" size=1 name=nam> <OPTION selected>YOUR TEXT</OPTION> <OPTION value="URL 1">YOUR NAME URL1</OPTION> <OPTION value="URL 2">YOUR NAME URL2</OPTION> <OPTION value="URL 3">YOUR NAME URL3</OPTION> <OPTION value="URL 4">YOUR NAME URL4</OPTION></SELECT>

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

<SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction initArray() {for (var i = 0; i < initArray.arguments.length; i++) {this[i] = initArray.arguments[i];}this.length = initArray.arguments.length;}var colors = new initArray("red","blue","green","purple","black","tan","red");delay = .5; // secondslink = 0;vlink = 2;function linkDance() {link = (link+1)%colors.length;vlink = (vlink+1)%colors.length;document.linkColor = colors[link];document.vlinkColor = colors[vlink];setTimeout("linkDance()",delay*1000);}linkDance();// End --> </script></body></html>

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

 <table style="BORDER-RIGHT: silver 4px outset; BORDER-TOP: silver 4px outset; BORDER-LEFT: silver 4px outset; BORDER-BOTTOM: silver 4px outset" width="140" height="180"><tr><td><MARQUEE behavior="scroll" align="center" direction="up" height="200" scrollamount="2" scrolldelay="20" onmouseover='this.stop()' onmouseout='this.start()'> <p align="center" dir="rtl"><center> <a href="YOUR ADDRESS"><font size="3"><b>YOUR NAME LINK</b></font></a><br> <a href="YOUR ADDRESS"><font size="3"><b>YOUR NAME LINK</b></font></a><br> <a href="YOUR ADDRESS"><font size="3"><b>YOUR NAME LINK</b></font></a><br> <a href="YOUR ADDRESS"><font size="3"><b>YOUR NAME LINK</b></font></a><br> <a href="YOUR ADDRESS"><font size="3"><b>YOUR NAME LINK</b></font></a><br> <a href="YOUR ADDRESS"><font size="3"><b>YOUR NAME LINK</b></font></a><br> <a href="YOUR ADDRESS"><font size="3"><b>YOUR NAME LINK</b></font></a><br> <a href="YOUR ADDRESS"><font size="3"><b>YOUR NAME LINK</b></font></a><br> <a href="YOUR ADDRESS"><font size="3"><b>YOUR NAME LINK</b></font></a><br> <a href="YOUR ADDRESS"><font size="3"><b>YOUR NAME LINK</b></font></a><br> </p></center></marquee></td></tr></table>

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

<HEAD><SCRIPT LANGUAGE="JavaScript"><! ><! ><!-- Beginfunction linkInfo(link){fname = link.pathname;lastSlash = fname.lastIndexOf("/", fname.length);fname = fname.substring(lastSlash+1, fname.length);return("Visit " + link.hostname + "'s " + fname + " page");}// End --></script></HEAD><!-- CONTINUE --><BODY><a href="http://www.javascriptsource.com/link-us.html" onMouseOver="window.status=linkInfo(this); return true;" onMouseOut="window.status=''; return true;">JavaScript Source Link Us Page</A> <!-- END Script Size: 0.97 KB -->

لینک پرینت یا چاپ صفحه

<HEAD><SCRIPT LANGUAGE="JavaScript"><!-- Original: CodeLifter.com ([e-mail]) --><!-- Web Site: http://www.codelifter.com --><!-- Beginfunction printWindow() {bV = parseInt(navigator.appVersion);if (bV >= 4) window.print();}// End --></script></HEAD><!-- CONTINUE --><BODY><a href="javascript<img border="0" src="/yahoo/10.Gif">rintWindow()">Print This Page</a> <!-- Script Size: 0.91 KB -->

منوی لینک باز شوی لغزان

<HEAD><SCRIPT LANGUAGE="JavaScript"><!-- Original: Randy Bennett ([e-mail]) --><!-- Web Site: http://home.thezone.net/~rbennett/sitemap.htm --><!-- Beginfunction setVariables() {if (navigator.appName == "Netscape") {v = ".top=";h = ".left=";dS = "document.";sD = "";y = "window.pageYOffset";x = "window.pageXOffset";iW = "window.innerWidth";iH = "window.innerHeight";}else {h = ".pixelLeft=";v = ".pixelTop=";dS = "";sD = ".style";y = "document.body.scrollTop";x = "document.body.scrollLeft";iW = "document.body.clientWidth";iH = "document.body.clientHeight";}xyz = 500;innerX = eval(iW) - 115;innerY = eval(iH) - 110;object = "logo";checkLocationA();}movex = 0;movey = 0;xdiff = 0;ydiff = 0;ystart = 0;xstart = 0;function checkLocation() {yy = eval(y);xx = eval(x);ydiff = ystart - yy;xdiff = xstart - xx;if ((ydiff < (-1)) || (ydiff > (1))) movey = Math.round(ydiff / 10), ystart -= movey;if ((xdiff < (-1)) || (xdiff > (1))) movex = Math.round(xdiff / 10), xstart -= movex;eval(dS + object + sD + v + (ystart + innerY));eval(dS + object + sD + h + (xstart + innerX));setTimeout("checkLocation()", 10);}function checkLocationA() {ystart = eval(y);xstart=eval(x);}function switchLogo(abc) {if (abc == "menu") {eval(dS + object + sD + v + 0);eval(dS + object + sD + h + (-200));object = abc;}else xyz = setTimeout("delayLogo()", 2000)}function delayLogo() {eval(dS + object + sD + v + 0);eval(dS + object + sD + h + (-200));object = 'logo';}// End --></script></HEAD><!-- CONTINUE --><BODY OnLoad="setVariables();checkLocation()"><!-- STEP THREE: Copy this code into the BODY of your HTML document --><div id="logo" style="position:absolute; visibility:show; left:0px; top:-200px; z-index:2"><table border=0 cellspacing=10 cellpadding=0 width=100><tr><td><center><br><br><br><A href="javascript:void(0)"; onmouseover="switchLogo('menu')">Logo</A></center></td></tr></table></div><div id="menu" style="position:absolute; visibility:show; left:0px; top:-200px; z-index:2"><table border=0 cellspacing=10 cellpadding=0 width=100><tr><td><center><a href="http://www.your-web-site-address-here.com/page-one.html"; onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page One</a></center></td></tr><tr><td><center><a href="http://www.your-web-site-address-here.com/page-two.html"; onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page Two</a></center></td></tr><tr><td><center><a href="http://www.your-web-site-address-here.com/page-three.html"; onmouseover="clearTimeout(xyz)"; onmouseout="switchLogo('logo')">Page Three</a></center></td></tr></table></div><!-- END Script Size: 3.24 KB -->

با این لینک یک ثانیه شمار ایجاد میشود که بعد از اتمام ثانیه به صورت اتوماتیک به لینک مربوطه میرود

<p><!--webbot bot="HTMLMarkup" startspan --><form name="redirect"><center><font face="Arial"><b>You will be redirected to the script in<br><br><form><input type="text" size="3" name="redirect2"></form>seconds</b></font></center><script><!--var targetURL="http://www.javascrip.mihanblog.com"var countdownfrom=10var currentsecond=document.redirect.redirect2.value=countdownfrom+1function countredirect(){if (currentsecond!=1){currentsecond-=1document.redirect.redirect2.value=currentsecond}else{window.location=targetURLreturn}setTimeout("countredirect()",1000)}countredirect()//--></script><!--webbot bot="HTMLMarkup" endspan --></p></body></html>

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

<HEAD><SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction fullScreen(theURL) {window.open(theURL, '', 'fullscreen=yes, scrollbars=auto');}// End --></script></HEAD><BODY><a href="javascript:void(0);" onClick="fullScreen('full-screen.html');"> Full Screen باز شدن صفحه</a><p>

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

<!-- JAVAKADEH --> <!-- START --><BODY><!-- This script and many more are available online free at --><! ><A HREF="" ONMOUSEOVER ="document.bgColor='silver'">T</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">r</a><A HREF="" ONMOUSEOVER ="document.bgColor='azure'">y</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">m</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">o</a><A HREF="" ONMOUSEOVER ="document.bgColor='white'">v</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">i</a><A HREF="" ONMOUSEOVER ="document.bgColor='azure'">n</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">g</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">y</a><A HREF="" ONMOUSEOVER ="document.bgColor='white'">o</a><A HREF="" ONMOUSEOVER ="document.bgColor='silver'">u</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">r</a> <A HREF="" ONMOUSEOVER ="document.bgColor='azure'">c</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">u</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">r</a><A HREF="" ONMOUSEOVER ="document.bgColor='white'">s</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">e</a><A HREF="" ONMOUSEOVER ="document.bgColor='azure'">r</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">a</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">r</a><A HREF="" ONMOUSEOVER ="document.bgColor='white'">o</a><A HREF="" ONMOUSEOVER ="document.bgColor='silver'">u</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">n</a><A HREF="" ONMOUSEOVER ="document.bgColor='azure'">d</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">o</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">n</a> <A HREF="" ONMOUSEOVER ="document.bgColor='white'">t</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">h</a><A HREF="" ONMOUSEOVER ="document.bgColor='azure'">i</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightgreen'">s</a> <A HREF="" ONMOUSEOVER ="document.bgColor='lightblue'">t</a><A HREF="" ONMOUSEOVER ="document.bgColor='white'">e</a><A HREF="" ONMOUSEOVER ="document.bgColor='silver'">x</a><A HREF="" ONMOUSEOVER ="document.bgColor='lightslategray'">t</a> <!-- END Script Size: 2.46 KB -->

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---

---