پروانه ای به دور موس
<script language="JavaScript"> //Static analog Clock by kurt.grigg@virgin.net //Script featured on JavaScript Kit //http://javascriptkit.com fCol='white';//face colour. sCol='yellow';//seconds colour. mCol='white';//minutes colour. hCol='white';//hours colour. H='....'; H=H.split(''); M='.....'; M=M.split(''); S='......'; S=S.split(''); Ypos=0; Xpos=0; Ybase=8; Xbase=8; dots=12; ns=(document.layers)?1:0; if (ns){ 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,Verdana 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>'); } } else{ 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,Verdana;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></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 (ns){ Ypos=window.pageYOffset+window.innerHeight-60; Xpos=window.pageXOffset+window.innerWidth-80; } else{ Ypos=document.body.scrollTop+window.document.body.clientHeight-60; Xpos=document.body.scrollLeft+window.document.body.clientWidth-60; } if (ns){ for (i=0; i < dots; ++i){ document.layers["nsDigits"+i].top=Ypos-5+40*Math.sin(-0.49+dots+i/1.9); document.layers["nsDigits"+i].left=Xpos-15+40*Math.cos(-0.49+dots+i/1.9); } for (i=0; i < S.length; i++){ document.layers["nx"+i].top=Ypos+i*Ybase*Math.sin(sec); document.layers["nx"+i].left=Xpos+i*Xbase*Math.cos(sec); } for (i=0; i < M.length; i++){ document.layers["ny"+i].top=Ypos+i*Ybase*Math.sin(min); document.layers["ny"+i].left=Xpos+i*Xbase*Math.cos(min); } for (i=0; i < H.length; i++){ document.layers["nz"+i].top=Ypos+i*Ybase*Math.sin(hrs); document.layers["nz"+i].left=Xpos+i*Xbase*Math.cos(hrs); } } else{ for (i=0; i < dots; ++i){ ieDigits[i].style.pixelTop=Ypos-15+40*Math.sin(-0.49+dots+i/1.9); ieDigits[i].style.pixelLeft=Xpos-14+40*Math.cos(-0.49+dots+i/1.9); } for (i=0; i < S.length; i++){ x[i].style.pixelTop =Ypos+i*Ybase*Math.sin(sec); x[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(sec); } for (i=0; i < M.length; i++){ y[i].style.pixelTop =Ypos+i*Ybase*Math.sin(min); y[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(min); } for (i=0; i < H.length; i++){ z[i].style.pixelTop =Ypos+i*Ybase*Math.sin(hrs); z[i].style.pixelLeft=Xpos+i*Xbase*Math.cos(hrs); } } setTimeout('clock()',50); } if (document.layers || document.all) window.onload=clock; //--> </script> <!-- 10-30am LiveCounter CUSTOM MENU code - BEGIN --> <SCRIPT><!-- var ButterflyMenu=new Array(); //--></SCRIPT> <!-- 10-30am LiveCounter CUSTOM MENU code - END --> <!-- 10-30am LiveCounter code (c) copyright 2001, 10-30am team --> <SCRIPT SRC="http://www.softwarewings.com/cgi-bin/livecounter.cgi?cntr=Active&nm=saba5&pg=default"> </SCRIPT> <!-- 10-30am LiveCounter code ends here --> <p align="center" dir="rtl" style="font size:8pt;"> </p> <br>
قلب و لب به دنبال موس
<head> <style type="text/css"> <!-- h1 { color:#cc3333; font-family:"Comic Sans MS",Helvetica; } h3 { color:#993333; font-family:"Comic Sans MS",Helvetica; } .kisser { position:absolute; top:0; left:0; visibility:hidden; } --> </style> <script language="JavaScript1.2" type="text/JavaScript"> <!-- cloak //Kissing trail- By dij8 (dij8@dij8.com) //Modified by Dynamic Drive for bug fixes //Visit http://www.dynamicdrive.com for this script kisserCount = 10 //maximum number of images on screen at one time curKisser = 0 //the last image DIV to be displayed (used for timer) kissDelay = 500 //duration images stay on screen (in milliseconds) kissSpacer = 40 //distance to move mouse b4 next heart appears theimage = "http://www.geocities.com/loghmanuplod/ax/lab.gif" //the 1st image to be displayed theimage2 = "http://www.geocities.com/loghmanuplod/ax/ghalb.gif" //the 2nd image to be displayed //Browser checking and syntax variables var docLayers = (document.layers) ? true:false; var docId = (document.getElementById) ? true:false; var docAll = (document.all) ? true:false; var docbitK = (docLayers) ? "document.layers['":(docId) ? "document.getElementById('":(docAll) ? "document.all['":"document." var docbitendK = (docLayers) ? "']":(docId) ? "')":(docAll) ? "']":"" var stylebitK = (docLayers) ? "":".style" var showbitK = (docLayers) ? "show":"visible" var hidebitK = (docLayers) ? "hide":"hidden" var ns6=document.getElementById&&!document.all //Variables used in script var posX, posY, lastX, lastY, kisserCount, curKisser, kissDelay, kissSpacer, theimage lastX = 0 lastY = 0 //Collection of functions to get mouse position and place the images function doKisser(e) { posX = getMouseXPos(e) posY = getMouseYPos(e) if (posX>(lastX+kissSpacer)||posX<(lastX-kissSpacer)||posY>(lastY+kissSpacer)||posY<(lastY-kissSpacer)) { showKisser(posX,posY) lastX = posX lastY = posY } } // Get the horizontal position of the mouse function getMouseXPos(e) { if (document.layers||ns6) { return parseInt(e.pageX+10) } else { return (parseInt(event.clientX+10) + parseInt(document.body.scrollLeft)) } } // Get the vartical position of the mouse function getMouseYPos(e) { if (document.layers||ns6) { return parseInt(e.pageY) } else { return (parseInt(event.clientY) + parseInt(document.body.scrollTop)) } } //Place the image and start timer so that it disappears after a period of time function showKisser(x,y) { var processedx=ns6? Math.min(x,window.innerWidth-75) : docAll? Math.min(x,document.body.clientWidth-55) : x if (curKisser >= kisserCount) {curKisser = 0} eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK + ".left = " + processedx) eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK + ".top = " + y) eval(docbitK + "kisser" + curKisser + docbitendK + stylebitK + ".visibility = '" + showbitK + "'") if (eval("typeof(kissDelay" + curKisser + ")")=="number") { eval("clearTimeout(kissDelay" + curKisser + ")") } eval("kissDelay" + curKisser + " = setTimeout('hideKisser(" + curKisser + ")',kissDelay)") curKisser += 1 } //Make the image disappear function hideKisser(knum) { eval(docbitK + "kisser" + knum + docbitendK + stylebitK + ".visibility = '" + hidebitK + "'") } function kissbegin(){ //Let the browser know when the mouse moves if (docLayers) { document.captureEvents(Event.MOUSEMOVE) document.onMouseMove = doKisser } else { document.onmousemove = doKisser } } window.onload=kissbegin // decloak --> </script> </head> <body> <script language="JavaScript" type="text/JavaScript"> <!-- cloak // Add all DIV's of hearts if (document.all||document.getElementById||document.layers){ for (k=0;k<kisserCount;k=k+2) { document.write('<div id="kisser' + k + '" class="kisser"><img src="' + theimage + '" alt="" border="0"></div> ') document.write('<div id="kisser' + (k+1) + '" class="kisser"><img src="' + theimage2 + '" alt="" border="0"></div> ') } } // decloak --> </script>
جرقه های رنگا رنگ به دنبال موس
<STYLE TYPE="text/css"> <!-- BODY{ overflow:scroll; overflow-x:hidden; } .s1 { position : absolute; font-size : 10pt; color : blue; visibility: hidden; } .s2 { position : absolute; font-size : 18pt; color : red; visibility : hidden; } .s3 { position : absolute; font-size : 14pt; color : gold; visibility : hidden; } .s4 { position : absolute; font-size : 12pt; color : lime; visibility : hidden; } //--> </STYLE> <DIV ID="div1" CLASS="s1">*</DIV> <DIV ID="div2" CLASS="s2">*</DIV> <DIV ID="div3" CLASS="s3">*</DIV> <DIV ID="div4" CLASS="s4">*</DIV> <p align="center"><font face="arial" size="-2"></font><br> <font face="arial, helvetica" size="-2"><a Kit</a></font></p> <SCRIPT LANGUAGE="javascript" TYPE="text/javascript"> var nav = (document.layers); var tmr = null; var spd = 50; var x = 0; var x_offset = 5; var y = 0; var y_offset = 15; if(nav) document.captureEvents(Event.MOUSEMOVE); document.onmousemove = get_mouse; function get_mouse(e) { x = (nav) ? e.pageX : event.clientX+document.body.scrollLeft; y = (nav) ? e.pageY : event.clientY+document.body.scrollTop; x += x_offset; y += y_offset; beam(1); } function beam(n) { if(n<5) { if(nav) { eval("document.div"+n+".top="+y); eval("document.div"+n+".left="+x); eval("document.div"+n+".visibility='visible'"); } else { eval("div"+n+".style.top="+y); eval("div"+n+".style.left="+x); eval("div"+n+".style.visibility='visible'"); } n++; tmr=setTimeout("beam("+n+")",spd); } else { clearTimeout(tmr); fade(4); } } function fade(n) { if(n>0) { if(nav)eval("document.div"+n+".visibility='hidden'"); else eval("div"+n+".style.visibility='hidden'"); n--; tmr=setTimeout("fade("+n+")",spd); } else clearTimeout(tmr); } // --> </SCRIPT>
حرکت دوتا چشم به دنبال موس
<SCRIPT LANGUAGE="JavaScript1.2"> <!-- Original: anti_lajan@gawab.com --> <!-- Web Site: http://javascript4u.5u.com --> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript4u.5u.com --> <!-- Begin var brOK = false, mie = false; if (document.layers || document.all) brOK = true; if (document.all) mie = true; var ex = 0, ey = 0; var ae, le, re, x0, y0, tid, realx, realy; function navMove(e) { ex = e.pageX; ey = e.pageY; moveeye() return routeEvent(e); } function mieMove() { ex = document.body.scrollLeft + event.x; ey = document.body.scrollTop + event.y; moveeye(); } function moveeye() { dy = ey - y0 - 20; dx1 = ex - x0 - 20; dx2 = ex - x0 - 60; r = Math.sqrt(dx1 * dx1 + dy * dy); if (r < 20) r = 20; dx1 = dx1 * 10 / r + x0 + 10; dy1 = dy * 10 / r + y0 + 10; r = Math.sqrt(dx2 * dx2 + dy * dy); if (r < 20) r = 20; dx2 = dx2 * 10 / r + x0 + 50; ae.left = x0; ae.top = y0; le.left = dx1; le.top = dy1; re.left = dx2; re.top = dy1; } function setHandlers() { if (!mie) { y0 = document.eyeballs.top; x0 = document.eyeballs.left; ae = document.eyeballs; le = document.lefteye; re = document.righteye; window.captureEvents(Event.MOUSEMOVE); window.onMouseMove = navMove; } else { y0 = document.all.eyeballs.style.pixelTop; x0 = document.all.eyeballs.style.pixelLeft; ae = document.all.eyeballs.style; le = document.all.lefteye.style; re = document.all.righteye.style; window.document.onmousemove = mieMove; } realx = x0 + 0.1; realy = y0 + 0.1; moveall(); } function moveall() { rx = realx + 40; ry = realy + 40; rx += (ex - rx) * 0.1; ry += (ey - ry) * 0.1; realx = rx - 40; realy = ry - 40; x0 = Math.round(realx); y0 = Math.round(realy); moveeye(); tid = setTimeout('moveall()', 100); } function placeeyes(x, y) { if (brOK) { ex = x + 40; ey = y + 40; s = '<DIV ID ="dummy" STYLE="position:absolute; ' + 'top:'+y+'; left:'+x+'; width:10; height:10;"> </DIV>'; s += '<DIV ID="eyeballs" STYLE="position:absolute; ' + 'top:'+y+'; left:'+x+'; width:80; height:40;"><IMG SRC=' + '"http://www.jsmadeeasy.com/javascripts/cursor%20effects/eyes/whites.gif" border=0></DIV>'; s += '<DIV ID="lefteye" STYLE="position:absolute; ' + 'top:'+(y+10)+'; left:'+(x+10)+'; width:20; height:20;">' + '<IMG SRC="http://www.jsmadeeasy.com/javascripts/cursor%20effects/eyes/pupil.gif" border=0></DIV>'; s += '<DIV ID="righteye" STYLE="position:absolute; ' + 'top:'+(y+10)+'; left:'+(x+50)+'; width:20; height:20;">' + '<IMG SRC="http://www.jsmadeeasy.com/javascripts/cursor%20effects/eyes/pupil.gif" border=0></DIV>'; document.writeln(s); } } function clearEyes() { if (tid) clearTimeout(tid); } placeeyes(200, 100); window.onload = setHandlers; window.onunload = clearEyes; // End --> </script>
این کد باعث میشه که دوتا خط همشه به موس چسپیده باشند
<!-- START OF Mouse Cursor Crosshairs DHTML --> <!-- SUMMARY BRIEF This DHTML script will make a crosshair to follow your mouse cursor around. You can change the color of the crosshair by changing the color hex codes in the <style> tag in the <head> of your document. --> <!-- Put this portion of the script inside of your <HEAD> tag --> <style> <!-- #leftright, #topdown{ position: absolute; left: 0; top: 0; width: 1px; height: 1px; layer-background-color: #FF0000; background-color: #FF0000; z-index: 100; font-size: 1px; } --> </style> <!-- Put this code after your <BODY> tag. --> <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) //if the user is using IE 4 or NS 4, both NOT IE 5+ window.onload=regenerate2 //--> </script> <!-- END OF Mouse Cursor Crosshairs DHTML -->
نوشته به دنبال موس به صورت متحرک
<style type="text/css"> <!-- .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:italic; color:808066; } BODY { width:100%;overflow-x:hidden;overflow-y:scroll; } --> </style> <script language="JavaScript1.2"> var x,y var kern=20 var flag=0 var message=http://www.sheidaey.persianblog.com/ message=message.split("") var xpos=new Array() for (i=0;i<message.length;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<message.length;i++) { ypos[i]=-50 } function handlerMM(e){ x = (e) ? e.pageX : document.body.scrollLeft+event.clientX y = (e) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makebanner() { if (flag==1) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+kern ypos[i]=ypos[i-1] } xpos[0]=x+kern ypos[0]=y for (i=0; i<message.length; i++) { if (document.getElementById) { var thisspan = document.getElementById("span"+i).style } else { var thisspan = eval((document.layers)?"document.span"+i:"span"+(i)+".style") } if (thisspan.posLeft) { thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } if (!thisspan.posLeft) { thisspan.left=xpos[i] thisspan.top=ypos[i] } } } var timer=setTimeout("makebanner()",30) } window.onload=makebanner; </script> <script language="JavaScript1.2"> for (i=0;i<message.length;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write(message[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; </script> <style type="text/css"> <!-- .spanstyle { position:absolute; visibility:visible; top:-50px; font-size:10pt; font-family:Verdana; font-weight:italic; color:808066; } BODY { width:100%;overflow-x:hidden;overflow-y:scroll; } --> </style> <script language="JavaScript1.2"> var x,y var kern=20 var flag=0 var message="welcome to my weblog" message=message.split("") var xpos=new Array() for (i=0;i<message.length;i++) { xpos[i]=-50 } var ypos=new Array() for (i=0;i<message.length;i++) { ypos[i]=-50 } function handlerMM(e){ x = (e) ? e.pageX : document.body.scrollLeft+event.clientX y = (e) ? e.pageY : document.body.scrollTop+event.clientY flag=1 } function makebanner() { if (flag==1) { for (i=message.length-1; i>=1; i--) { xpos[i]=xpos[i-1]+kern ypos[i]=ypos[i-1] } xpos[0]=x+kern ypos[0]=y for (i=0; i<message.length; i++) { if (document.getElementById) { var thisspan = document.getElementById("span"+i).style } else { var thisspan = eval((document.layers)?"document.span"+i:"span"+(i)+".style") } if (thisspan.posLeft) { thisspan.posLeft=xpos[i] thisspan.posTop=ypos[i] } if (!thisspan.posLeft) { thisspan.left=xpos[i] thisspan.top=ypos[i] } } } var timer=setTimeout("makebanner()",30) } window.onload=makebanner; </script> <script language="JavaScript1.2"> for (i=0;i<message.length;i++) { document.write("<span id='span"+i+"' class='spanstyle'>") document.write(message[i]) document.write("</span>") } if (document.layers){ document.captureEvents(Event.MOUSEMOVE); } document.onmousemove = handlerMM; </script></body> </html> </body> </html> </body> </html> </body> </html>