تصویر به دنبال موس :

<!------ http://www.hadisystem.tk -------> <br><> <br><!-- <br>var ns = (document.layers)?1:0; <br>var Anim=new Array(); <br>var imgwidth=40; // Image width <br>var imgheight=40; // Image height <br>var button = Array(); // to pre-cache images <br>button[0]=new Image(); <br>button[0].src="URL PIC ON"; <br>button[1]=new Image(); <br>button[1].src="URL PIC OFF"; <br> <br>var text="<table width=10 bgcolor=#ffffff><td><a href="java:showhideAnimation()"><center><img name="Button" src=""+button[0].src+"" width=""+imgwidth+"" height=""+imgheight+"" border="0"></center></a></font></td></table>" // A bit of HTML code to display the button <br> <br>//Initialize some variables to make the button always to appear on the frame"s bottom-right corner <br>if (ns) { <br>document.write("<LAYER NAME="FlyOnOff" LEFT=0 TOP=0>"+text+"</LAYER>"); <br>horz=".left"; <br>vert=".top"; <br>docStyle="document."; <br>styleDoc=""; <br>innerW="window..innerWidth"; <br>innerH="window.innerHeight"; <br>offsetX="window.pageXOffset"; <br>offsetY="window.pageYOffset"; <br>}else { <br>document.write("<div id="FlyOnOff" style="position:absolute; visibility:show; left:235px; top:-50px; z-index:2">"+text+"</div>"); <br>horz=".pixelLeft"; <br>vert=".pixelTop"; <br>docStyle=""; <br>styleDoc=".style"; <br>innerW="document.body.clientWidth"; <br>innerH="document.body.clientHeight"; <br>offsetX="document.body.scrollLeft"; <br>offsetY="document.body.scrollTop"; <br>} <br>// Moves the button in the right position <br>function checkLocation() { <br>XY="FlyOnOff"; <br>var availableX=(innerW); <br>var availableY=(innerH); <br>var currentX=(offsetX); <br>var currentY=(offsetY); <br>x=availableX-(imgwidth+30)+currentX; <br>y=availableY-(imgheight+20)+currentY; <br>(docStyle + XY + styleDoc + horz + "=" + x); <br>(docStyle + XY + styleDoc + vert + "=" + y); <br>} <br>Anim[0]=setInterval("checkLocation()", 10); <br>(document.layers)?window.captureEvents(Event.MOUSEMOVE):0; <br>(document.layers)?window.onMouseMove=getMousePosition:document.onmousemove=getMousePosition; <br>var Dot_Ro=60; //Dot"s distance from the mouse pointer <br>var Dot_Theta=0; //Dot"s initial angle <br>var Dot_Speed; //Dot"s absolute Angular speed <br>var Dot_Direction=1; //Dot"s direction (1=clockwise) <br>var Dot_x=0; //Dot"s original position <br>var Dot_y=0; <br> <br>var alpha; //Angle from the fly to the mouse <br>var mult; //Ausiliary variable to define the angle <br> <br>var picX = 20; //Fly"s coords. <br>var picY = 100; <br>var mouseX = 0; //Mouse coords. <br>var mouseY = 0; <br>var step = 10; //Pixels <br>var speed = 100;//u-seconds <br> <br> <br>// Dir specifies the right picture; <br>// img pre-caches images. <br>var dir = Array(); <br>dir[-4]="URL PIC 1"; <br>dir[-1]="URL PIC 2"; <br>dir[-2]="URL PIC 3"; <br>dir[-3]="URL PIC 4"; <br>dir[3]="URL PIC 1"; <br>dir[4]="URL PIC 2"; <br>dir[1]="URL PIC 3"; <br>dir[2]="URL PIC 4"; <br>dir[0]=""; <br> <br>var img = Array(); <br>for (var i=-4; i<5; i++){ <br>img[i]=new Image(); <br>img[i].src=dir[i]; <br>} <br> <br>// Some HTML code to show the fly. <br>if (ns) { <br>document.write("<LAYER NAME="FlyDiv" LEFT=0 TOP=0><img src="+dir[1]+" name="pic"></LAYER>"); <br>}else { <br>document.write("<div id="FlyDiv" style="position:absolute">"); <br>document.write("<img name="pic" src=" + dir[1] + "></div>"); <br>} <br> <br>// Shows the proper image for the fly. <br>function display(direction) { //direction must be from -4 to 4, but not 0. <br>if (ns) { <br>document.pic.src = dir[direction]; <br>}else{ <br>pic.src = dir[direction]; <br>} <br>} <br> <br> <br>function getMousePosition(e) { <br>mouseY=(ns)?e.pageY:window.event.y + document.body.scrollTop; <br>mouseX=(ns)?e.pageX:window.event.x + document.body.scrollLeft; <br>} <br> <br>//Calculate new position <br>function calcNewPos() { <br> <br>var dist=Math.sqrt(Math.pow(mouseY-picY,2) + Math.pow(mouseX-picX,2)); <br>Dot_Speed=Math.PI/15; <br>Dot_Theta+=Dot_Direction*Dot_Speed; <br>Dot_x=mouseX+Dot_Ro*Math.cos(Dot_Theta); <br>Dot_y=mouseY+Dot_Ro*Math.sin(Dot_Theta); <br>var arg = (Dot_y-picY) / (Dot_x-picX); <br>mult = (Dot_x - picX < 0)? mult = -1:1; <br>alpha = Math.atan(arg); <br>var dx = mult * step * Math.cos(alpha); <br>var dy = mult * step * Math.sin(alpha); <br>picX += dx; <br>picY += dy; <br>} <br> <br>//Shows or hides the fly when the "button" is pressed <br>function showhideAnimation() { <br>if (ns) { <br>document.layers["FlyDiv"].visibility=document.layers["FlyDiv"].visibility=="hide"?"show":"hide"; <br>document.Button.src = document.layers["FlyDiv"].visibility=="hide"?button[1].src:button[0].src; <br>}else { <br>FlyDiv.style.visibility=="hidden"?FlyDiv.style.visibility = "visible":FlyDiv.style.visibility = "hidden"; <br>Button.src = FlyDiv.style.visibility=="hidden"?button[1].src:button[0].src; <br>} <br>} <br> <br> <br>// Moves the fly around the screen <br>function moveFly() { <br>// moves the fly in a new position... <br>calcNewPos(); <br>if (ns) { <br>document.layers["FlyDiv"].left = picX; <br>document.layers["FlyDiv"].top = picY; <br>}else{ <br>FlyDiv.style.left = picX - pic.width / 2; <br>FlyDiv.style.top = picY - pic.height / 2; <br>} <br> <br>// ... and changes the image. <br>alpha=-180*alpha/Math.PI; <br>alpha+=22.5; <br>var OK=0; <br>for(var i=0; (i<4)&& !OK; i++){ <br>if (alpha<-Math.PI+45*i){ <br>display(mult*(i+1)); <br>OK=1; <br>} <br>} <br>} <br> <br>// Changes Dot"s turning direction <br>function ChangeDotDirection() { <br>Dot_Direction=-Dot_Direction; <br>Dot_Theta+=Math.PI; <br>} <br> <br>//Go! <br>Anim[1]=setInterval("moveFly()", speed); <br>Anim[2]=setInterval("ChangeDotDirection()", speed*50); <br> <br>function killIt() <br>{ <br>for(var i=0;i<Anim.length;i++) <br>{ <br>if(Anim[i]) <br>{ <br>clearInterval(Anim[i]); <br>Anim[i]=null; <br>} <br>} <br>} <br>//--> <br></> <br><!------ http://www.hadisystem.tk ------->

به جای  URL PIC  آدرس عکس آپلود شده

متن شما به دنبال موس :

<!------ http://www.hadisystem.tk -------> <br><style type="text/css"> <br><!-- <br>.spanstyle { <br>position:absolute; <br>visibility:visible; <br>top:-50px; <br>font-size:15pt; <br>font-family:Verdana; <br>font-weight:bold; <br>color:#cc0000; <br>} <br>body { <br>width:100%;overflow-x:hidden;overflow-y:scroll; <br>} <br>//--> <br></style> <br>< language="Java1.2"> <br><!-- <br>var x,y <br>var kern=20  <br>var flag=0 <br>var message="salam " <br>message=message.split("") <br>var xpos=new Array() <br>for (i=0;i<message.length;i++) { <br> xpos[i]=-50 <br> } <br>var ypos=new Array() <br>for (i=0;i<message.length;i++) { <br> ypos[i]=-50 <br> } <br>function handlerMM(e){ <br> x = (e) ? e.pageX : document.body.scrollLeft+event.clientX <br> y = (e) ? e.pageY : document.body.scrollTop+event.clientY <br> flag=1 <br> } <br>function makebanner() { <br> if (flag==1) { <br> for (i=message.length-1; i>=1; i--) { <br> xpos[i]=xpos[i-1]+kern <br> ypos[i]=ypos[i-1] <br> } <br> xpos[0]=x+kern <br> ypos[0]=y <br> for (i=0; i<message.length; i++) { <br> if (document.getElementById) { <br> var thisspan =  <br> <br>document.getElementById("span"+i).style <br> } else { <br> var thisspan =  <br> <br>((document.layers)?"document.span"+i:"span"+(i)+".style") <br> } <br> if (thisspan.posLeft) { <br> thisspan.posLeft=xpos[i] <br> thisspan.posTop=ypos[i] <br> } <br> if (!thisspan.posLeft) { <br> thisspan.left=xpos[i] <br> thisspan.top=ypos[i] <br> } <br> } <br> } <br> var timer=setTimeout("makebanner()",30) <br> } <br>window.onload=makebanner; <br>//--> <br></> <br>< language="Java1.2"> <br><!-- <br>for (i=0;i<message.length;i++) { <br>document.write("<span id="span"+i+"" class="spanstyle">") <br>document.write(message[i]) <br>document.write("</span>") <br>} <br>if (document.layers){ <br>document.captureEvents(Event.MOUSEMOVE); <br>} <br>document.onmousemove = handlerMM; <br>//--> <br></> <br><!------ http://www.hadisystem.tk ------->

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

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

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

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

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

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

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

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