کد ای جاوا اسکریپت کابردی و مفید

کدهای برتر جاوا بر گرفته از وبلاگ کدهای جاوا اسکریپت

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

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