fare etrafında üçüşan yeşil kalpler
<title>body</title> </head> <body> <div id="dot0" style="position: absolute; visibility: hidden; height: 8; width: 9;"> <img src="http://www.ladylony.com/on18.gif" height=8 width=9> </div> <div id="dot1" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/on18.gif" height=8 width=9> </div> <div id="dot2" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/on18.gif" height=8 width=9> </div> <div id="dot3" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/on18.gif" height=8 width=9> </div> <div id="dot4" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/on18.gif" height=8 width=9> </div> <div id="dot5" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/on18.gif" height=8 width=9> </div> <div id="dot6" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/on18.gif" height=8 width=9> </div> <****** LANGUAGE="JavaScript"> <!-- hide code /* Elastic Trail ****** (By Philip Winston @ pwinston@yahoo.com, URL: http://www.geocities.com/pwinston/) Script featured on Dynamicdrive.com For this and 100's more DHTML ******s, visit http://dynamicdrive.com */ var nDots = 7; var Xpos = 0; var Ypos = 0; // fixed time step, no relation to real time var DELTAT = .01; // size of one spring in pixels var SEGLEN = 10; // spring constant, stiffness of springs var SPRINGK = 10; // all the physics is bogus, just picked stuff to // make it look okay var MASS = 1; // Positive XGRAVITY pulls right, negative pulls left // Positive YGRAVITY pulls down, negative up var XGRAVITY = 0; var YGRAVITY = 50; // RESISTANCE determines a slowing force proportional to velocity var RESISTANCE = 10; // stopping criterea to prevent endless jittering // doesn't work when sitting on bottom since floor // doesn't push back so acceleration always as big // as gravity var STOPVEL = 0.1; var STOPACC = 0.1; var DOTSIZE = 11; // BOUNCE is percent of velocity retained when // bouncing off a wall var BOUNCE = 0.75; var isNetscape = navigator.appName=="Netscape"; // always on for now, could be played with to // let dots fall to botton, get thrown, etc. var followmouse = true; var dots = new Array(); init(); ******** 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) } // set their positions for (i = 0; i < nDots; i++) { dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } if (isNetscape) { // start right away since they are positioned // at 0, 0 startanimate(); } else { // let dots sit there for a few seconds // since they're hiding on the real bullets setTimeout("startanimate()", 1000); } } ******** 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"); } } ******** startanimate() { setInterval("animate()", 20); } // This is to line up the bullets with actual LI tags on the page // Had to add -DOTSIZE to X and 2*DOTSIZE to Y for IE 5, not sure why // Still doesn't work great ******** setInitPositions(dots) { // initialize dot positions to be on top // of the bullets in the <ul> 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].offsetLeft startloc[i].offsetParent.offsetLeft - DOTSIZE; dots[i+1].Y = startloc[i].offsetTop + startloc[i].offsetParent.offsetTop + 2*DOTSIZE; } // put 0th dot above 1st (it is hidden) dots[0].X = dots[1].X; dots[0].Y = dots[1].Y - SEGLEN; } // just save mouse position for animate() to use ******** MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use ******** 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; } ******** vec(X, Y) { this.X = X; this.Y = Y; } // adds force in X and Y to spring for dot[i] on dot[j] ******** 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; } } ******** animate() { // dots[0] follows the mouse, // though no dot is drawn there 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); } // air resisitance/friction var resist = new vec(-dots[i].dx * RESISTANCE, -dots[i].dy * RESISTANCE); // compute new accel, including gravity var accel = new vec((spring.X + resist.X)/MASS + XGRAVITY, (spring.Y + resist.Y)/ MASS + YGRAVITY); // compute new velocity dots[i].dx += (DELTAT * accel.X); dots[i].dy += (DELTAT * accel.Y); // stop dead so it doesn't jitter when nearly still 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; } // move to new position dots[i].X += dots[i].dx; dots[i].Y += dots[i].dy; // get size of window var height, width; if (isNetscape) { height = window.innerHeight + window.pageYOffset; width = window.innerWidth + window.pageXOffset; } else { height = document.body.clientHeight + document.body.scrollTop; width = document.body.clientWidth + document.body.scrollLeft; } // bounce off 3 walls (leave ceiling open) 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; } // move img to new position dots[i].obj.left = dots[i].X; dots[i].obj.top = dots[i].Y; } } // end code hiding --> </******>
fare etrafında açan çicekler
<IMG id=balloon style="DISPLAY: none" src="http://www.ladylony.com/fior1.gif" width="11" height="13"> <****** language=**********> var images=balloon.src;//Put your image name here!! var amount=7;//Number of images here. Do not alter for this ******!! var cnter=70; var step; var currStep = 0; var Xpos = 0; var Ypos = 0; if (document.all) { document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">') document.write('<div id="c" style="position:relative">'); for (n=0; n < amount; n++) document.write('<img src=" '+images+'" style="position:absolute;top:0px;left:0px">') document.write('</div>') document.write('</div>') ******** MsieMouseFollow(){ Xpos = document.body.scrollLeft+event.x-5; Ypos = document.body.scrollTop+event.y-5; } document.onmousemove = MsieMouseFollow; } else if (document.layers) { window.captureEvents(Event.MOUSEMOVE); for (ns=0; ns < amount; ns++) document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+images+"'></LAYER>"); ******** NsMouseFollow(evnt){ Xpos = evnt.pageX-5; Ypos = evnt.pageY-5; } window.onMouseMove = NsMouseFollow; } ******** Swirl(){ if (currStep<0.0550) step=0.001; if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150); ieDiv.all.c.all[i].style.left = Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150); } } else if (document.layers) { for ( i = 0 ; i < ns ; i++ ) { var temp="n"+i document.layers[temp].top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150); document.layers[temp].left =Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150); } } currStep += step; setTimeout("Swirl()", 10); if (currStep>0.0540) { step+=0.002; if (document.layers) { for ( i = 0 ; i < ns ; i++ ) { var temp="n"+i document.layers[temp].top =Ypos+cnter*Math.cos((currStep+i*4.5)/5) document.layers[temp].left=Xpos+cnter*Math.sin((currStep+i*4.5)/5) } } else if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((currStep+i*4.5)/5) ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((currStep+i*4.5)/5) } } } if (step > 0.5) { step=0.5; cnter-=8; } if (document.layers) _y=-window.innerWidth; else if (document.all) _y=-document.body.clientWidth; if (cnter <= _y) { currStep=0; step=0.001; cnter=70; } } Swirl(); // --> </******>
fare etrafında renkli noktalar
<****** language=JavaScript> //Pick your own colours below!! CoLoUrS=new Array('ff0000','ff0000','0000ff','0000ff'); var step=0.3,a_StEp=0.05,RunTime=0,currStep=0,Xpos=0,Ypos=0,cntr=70,count_a=0; var count=0,move=1,Ay=0,Ax=0,dots=16;var x;brwsr=(document.layers)?1:0; if (brwsr){ for (i=0; i < dots; i++){ document.write('<LAYER NAME="a'+i+'" LEFT=0 TOP=0 BGCOLOR=#000000 CLIP="0,0,3,3"></LAYER>'); } window.captureEvents(Event.MOUSEMOVE); ******** nsMouse(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = nsMouse } else{ document.write('<div id="ys" style="position:absolute;top:0px;left:0px"><div style="position:relative">'); for (i=0; i < dots; i++){ document.write('<div id="ieDivs" style="position:absolute;top:0px;left:0px;width:3px;height:3px;background:#3366ff;font-size:3px"></div>'); } document.write('</div></div>'); ******** ieMouse(){ Ypos=event.y; Xpos=event.x; } window.document.onmousemove = ieMouse } ******** MouseFollow(){ ay = Math.round(Ay+=(Ypos- Ay)* 4/40); ax = Math.round(Ax+=(Xpos- Ax)* 4/40); setTimeout('MouseFollow()',10); } ******** colourStep(){ count+=move; if (count >= dots) {count=0;count_a+=move} if (count_a == CoLoUrS.length) count_a=0; if (brwsr) document.layers["a"+count].bgColor=CoLoUrS[count_a]; else ieDivs[count].style.background=CoLoUrS[count_a]; setTimeout('colourStep()',100) } ******** TwistnSpin(){ if (!brwsr) ys.style.top=document.body.scrollTop; for (i=0; i < dots; i++) { var allLayers=(document.layers)?document.layers["a"+i]:ieDivs[i].style; allLayers.top=ay+cntr*Math.cos((currStep+i*4)/10.2)*Math.sin(currStep/20); allLayers.left=ax+cntr*Math.sin((currStep+i*4)/10.2)*Math.cos(1+currStep/20); } currStep-=step; setTimeout("TwistnSpin()",10); } ******** CombineNstart(){ MouseFollow();TwistnSpin();colourStep(); } window.onload=CombineNstart; </******>
fare etrafında kırmızı noktalar
<!-- Start of Stars: High-light or select all, copy and paste in Body --> <LAYER name="a0" left=10 top=10 bgcolor="#FF0000" clip="0,0,2,2"></LAYER> <LAYER name="a1" left=10 top=10 bgcolor="#FF8000" clip="0,0,2,2"></LAYER> <LAYER name="a2" left=10 top=10 bgcolor="#FFFF00" clip="0,0,2,2"></LAYER> <LAYER name="a3" left=10 top=10 bgcolor="#00FF00" clip="0,0,2,2"></LAYER> <LAYER name="a4" left=10 top=10 bgcolor="#0000FF" clip="0,0,2,2"></LAYER> <LAYER name="a5" left=10 top=10 bgcolor="#FF00FF" clip="0,0,2,2"></LAYER> <LAYER name="a6" left=10 top=10 bgcolor="#FFFFFF" clip="0,0,2,2"></LAYER> <DIV id="starsDiv" style="position:absolute;top:0px;left:0px"> <DIV style="position:relative;width:2px;height:2px;background:#ffffff;font-size:2px"></DIV> <DIV style="position:relative;width:2px;height:2px;background:#ffff00;font-size:2px"></DIV> <DIV style="position:relative;width:2px;height:2px;background:#ffa000;font-size:2px"></DIV> <DIV style="position:relative;width:2px;height:2px;background:#ff0000;font-size:2px"></DIV> <DIV style="position:relative;width:2px;height:2px;background:#00ff00;font-size:2px"></DIV> <DIV style="position:relative;width:2px;height:2px;background:#0000ff;font-size:2px"></DIV> <DIV style="position:relative;width:2px;height:2px;background:#FF00FF;font-size:2px"></DIV> </DIV> <****** language="JavaScript"> /* Mouse Stars Copyright Kurt Grigg (website.lineone.net/~kurt.grigg/**********) To add more shock to your site, visit www.DHTML Shock.com */ if (document.layers) {window.captureEvents(Event.MOUSEMOVE);} var yBase = 200; var xBase = 200; var step = .2; var currStep = 0; var Xpos = 1; var Ypos = 1; var i = 0; var j = 0; if (document.all) { ******** MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } else if (document.layers) { ******** xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } ******** animateLogo(){ if (document.all) { yBase = window.document.body.offsetHeight/4; xBase = window.document.body.offsetWidth/4; } else if (document.layers) { yBase = window.innerHeight/4; xBase = window.innerWidth/4; } if (document.all) { for ( i = 0 ; i < starsDiv.all.length ; i++ ) { starsDiv.all[i].style.top = Ypos + Math.cos((20*Math.sin(currStep/20))+i*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); starsDiv.all[i].style.left = Xpos + Math.sin((20*Math.sin(currStep/20))+i*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + i*25)/10); } } else if (document.layers) { for ( j = 0 ; j < 7 ; j++ ) //7 is number of NS layers! { var templayer="a"+j document.layers[templayer].top = Ypos + Math.cos((20*Math.sin(currStep/20))+j*70)*yBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); document.layers[templayer].left =Xpos + Math.sin((20*Math.sin(currStep/20))+j*70)*xBase*(Math.sin(10+currStep/10)+0.2)*Math.cos((currStep + j*25)/10); } } currStep += step; setTimeout("animateLogo()", 10); } animateLogo(); // --> </******> <!-- End of stars! -->
fare etrafında patlayan noktalar
<****** language="**********"> /* Pulse Spin Copyright Kurt Grigg (website.lineone.net/~kurt.grigg/**********) To add more shock to your site, visit www.DHTML Shock.com */ var speed; var RunTime = 0; var Xpos = 0; var Ypos = 0; var pulse=25; var cnter=70; var _y; if (document.layers) { document.write('<LAYER NAME="a0" LEFT=10 TOP=10 BGCOLOR="#FF0000" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a1" LEFT=10 TOP=10 BGCOLOR="#FF8000" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a2" LEFT=10 TOP=10 BGCOLOR="#FFFF00" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a3" LEFT=10 TOP=10 BGCOLOR="#00FF00" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a4" LEFT=10 TOP=10 BGCOLOR="#0000FF" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a5" LEFT=10 TOP=10 BGCOLOR="#FF00FF" CLIP="0,0,2,2"></LAYER>' +'<LAYER NAME="a6" LEFT=10 TOP=10 BGCOLOR="#FFFFFF" CLIP="0,0,2,2"></LAYER>'); window.captureEvents(Event.MOUSEMOVE); ******** xMoveHandler(evnt){ Xpos = evnt.pageX; Ypos = evnt.pageY; } window.onMouseMove = xMoveHandler; } else if (document.all) { document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">' +'<div id="c" style="position:relative">' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff0000;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#00ff00;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffffff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ffa500;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#ff00ff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#8888ff;font-size:2px"></div>' +'<div style="position:absolute;top:0px;left:0px;width:2px;height:2px;background:#fff000;font-size:2px"></div>' +'</div>' +'</div>'); ******** MoveHandler(){ Xpos = document.body.scrollLeft+event.x; Ypos = document.body.scrollTop+event.y; } document.onmousemove = MoveHandler; } ******** sv3(){ if (RunTime<0.0550) speed=0.001; if (document.layers) { for (i=0;i<7;i++) { var ntscp="a"+i document.layers[ntscp].top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); document.layers[ntscp].left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); } } else if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5)*Math.sin((RunTime)*150); } } RunTime+=speed; stp=setTimeout('sv3()',10); if (RunTime>0.0540) { speed+=0.002; if (document.layers) { for (i=0;i<7;i++) { var ntscp="a"+i document.layers[ntscp].top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5) document.layers[ntscp].left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5) } } else if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((RunTime+i*4.5)/5) ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((RunTime+i*4.5)/5) } } } if (speed > 0.5) { speed=0.5; cnter-=8; } if (document.layers) _y=-window.innerHeight; else if (document.all) _y=-document.body.clientHeight; if (cnter <= _y) { RunTime=0; speed=0.001; cnter=70; } } sv3(); //--> </******>
