Эффекты с курсором
За курсором летают зелёные сердечки:
<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> <script LANGUAGE="JavaScript"> <!-- hide code /* Elastic Trail script (By Philip Winston @ pwinston@yahoo.com, URL: http://www.geocities.com/pwinston/) Script featured on Dynamicdrive.com For this and 100's more DHTML scripts, 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(); 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) } // 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); } } 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); } // 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 function 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 function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use 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() { // 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 --><a href="http://ice-bella.narod.ru" target=_blank><img src="http://i014.radikal.ru/0806/61/5c49f6f1912b.gif" border="0"alt="Мега-сайтик Ice-Bella для девчёнок! :)"></a><br><br></script>
За курсором летают красные сердечки:
<title>body</title> </head> <body> <div id="dot0" style="position: absolute; visibility: hidden; height: 8; width: 9;"> <img src="http://www.ladylony.com/imggxaa2/8coracaovv.gif" height=8 width=9> </div> <div id="dot1" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/imggxaa2/8coracaovv.gif" height=8 width=9></div> <div id="dot2" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/imggxaa2/8coracaovv.gif" height=8 width=9></div> <div id="dot3" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/imggxaa2/8coracaovv.gif" height=8 width=9></div> <div id="dot4" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/imggxaa2/8coracaovv.gif" height=8 width=9></div> <div id="dot5" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/imggxaa2/8coracaovv.gif" height=8 width=9></div> <div id="dot6" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/imggxaa2/8coracaovv.gif" height=8 width=9></div> <script LANGUAGE="JavaScript"> <!-- hide code /* Elastic Trail script (By Philip Winston @ pwinston@yahoo.com, URL: http://www.geocities.com/pwinston/) Script featured on Dynamicdrive.com For this and 100's more DHTML scripts, 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(); 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) } // 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); } } 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); } // 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 function 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 function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use 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() { // 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 --> </script><a href="http://ice-bella.narod.ru" target=_blank><img src="http://i014.radikal.ru/0806/61/5c49f6f1912b.gif" border="0"alt="Мега-сайтик Ice-Bella для девчёнок! :)"></a><br><br>
За курсором летают голубые сердечки:
<title>body</title> </head> <body> <div id="dot0" style="position: absolute; visibility: hidden; height: 8; width: 9;"> <img src="http://www.ladylony.com/8coracaoaa.gif" height=8 width=9></div><div id="dot1" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/8coracaoaa.gif" height=8 width=9></div><div id="dot2" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/8coracaoaa.gif" height=8 width=9></div><div id="dot3" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/8coracaoaa.gif" height=8 width=9></div><div id="dot4" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/8coracaoaa.gif" height=8 width=9></div><div id="dot5" style="position: absolute; height: 8; width: 9;"> <img src="http://www.ladylony.com/8coracaoaa.gif" height=8 width=9></div><div id="dot6" style="position: absolute; height: 8; width: 9;"><img src="http://www.ladylony.com/8coracaoaa.gif" height=8 width=9></div> <script LANGUAGE="JavaScript"> <!-- hide code /* Elastic Trail script (By Philip Winston @ pwinston@yahoo.com, URL: http://www.geocities.com/pwinston/) Script featured on Dynamicdrive.com For this and 100's more DHTML scripts, 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(); 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) } // 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); } } 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); } // 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 function 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 function MoveHandler(e) { Xpos = e.pageX; Ypos = e.pageY; return true; } // just save mouse position for animate() to use 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() { // 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 --></script><a href="http://ice-bella.narod.ru" target=_blank><img src="http://i014.radikal.ru/0806/61/5c49f6f1912b.gif" border="0"alt="Мега-сайтик Ice-Bella для девчёнок! :)"></a><br><br>
За курсором летают красно-синие точечки в форме кружочка:
<SCRIPT 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); function 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>'); function ieMouse(){ Ypos=event.y; Xpos=event.x; } window.document.onmousemove = ieMouse } function MouseFollow(){ ay = Math.round(Ay+=(Ypos- Ay)* 4/40); ax = Math.round(Ax+=(Xpos- Ax)* 4/40); setTimeout('MouseFollow()',10); } function 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) } function 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); } function CombineNstart(){ MouseFollow();TwistnSpin();colourStep(); } window.onload=CombineNstart; </SCRIPT><a href="http://ice-bella.narod.ru" target=_blank><img src="http://i014.radikal.ru/0806/61/5c49f6f1912b.gif" border="0"alt="Мега-сайтик Ice-Bella для девчёнок! :)"></a><br><br>
Большие глазки летают за курсором
<script language="JavaScript"> //Watching Eyes script- By Kurt (kurt.grigg@virgin.net) pic0=new Image(); pic0.src="http://www.ladylony.com/eyexx.gif"; pic1=new Image(); pic1.src="http://www.ladylony.com/pupilsxx.gif"; var n4=(document.layers); var n6=(document.getElementById&&!document.all); var ie=(document.all); var O=(navigator.appName.indexOf("Opera") != -1)?true:false; var _d=(n4||ie)?'document.':'document.getElementById("'; var _a=(n4||n6)?'':'all.'; var _r=(n6)?'")':''; var _s=(n4)?'':'.style'; if (n4){ document.write('<layer name="eyeball" top=0 left=0 width="69" height="34"><img src="http://www.ladylony.com/eyexx.gif" width="69" height="34"></layer>'); document.write('<layer name="pupil1" top=0 left=0 width="13" height="13"><img src="http://www.ladylony.com/pupilsxx.gif" width="13" height="13"></layer>'); document.write('<layer name="pupil2" top:0 left=0 width="13" height="13"><img src="http://www.ladylony.com/pupilsxx.gif" width="13" height="13"></layer>'); } else{ if (ie) document.write('<div id="ic" style="position:absolute;top:0;left:0"><div style="position:relative">'); document.write('<div id="eyeball" style="position:absolute;top:100px;left:100px;width:69px;height:34px"><img src="http://www.ladylony.com/eyexx.gif" width="69" height="34"></div>'); document.write('<div id="pupil1" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="http://www.ladylony.com/pupilsxx.gif" width="13" height="13"></div>'); document.write('<div id="pupil2" style="position:absolute;top:0px;left:0px;width:12px;height:13px"><img src="http://www.ladylony.com/pupilsxx.gif" width="13" height="13"></div>'); if (ie) document.write('</div></div>'); } var ym=0; var xm=0; if (n4||n6){ window.captureEvents(Event.MOUSEMOVE); function mouseNS(e){ ym = e.pageY-window.pageYOffset; xm = e.pageX; } if (n4)window.onMouseMove=mouseNS; if (n6)document.onmousemove=mouseNS; } if (ie||O){ function mouseIEO(){ ym = (ie)?event.clientY:event.clientY-window.pageYOffset; xm = event.clientX; } document.onmousemove=mouseIEO; } var etemp=eval(_d+_a+"eyeball"+_r+_s); var p1temp=eval(_d+_a+"pupil1"+_r+_s); var p2temp=eval(_d+_a+"pupil2"+_r+_s); dy=0; dx=0; fy=0; fx=0; angle1=0; angle2=0; d1=0; d2=0; function makefollow(){ sy=(!ie)?window.pageYOffset:0; wy=(ie)?document.body.clientHeight:window.innerHeight; wx=(ie)?document.body.clientWidth:window.innerWidth; //Keep eyes on screen. Netscape 6 plays up otherwise! var chy=Math.floor(fy-34); if (chy <= 0) chy = 0; if (chy >= wy-34) chy = wy-34; var chx=Math.floor(fx-34); if (chx <= 0) chx = 0; if (chx >= wx-69) chx = wx-69; etemp.top=chy+sy; etemp.left=chx; //eyeball1 centre. c1y=parseInt(etemp.top)+17; c1x=parseInt(etemp.left)+17; //eyeball2 centre. c2y=parseInt(etemp.top)+17; c2x=parseInt(etemp.left)+52; dy1 = ym+sy - c1y; dx1 = xm - c1x; d1 = Math.sqrt(dy1*dy1 + dx1*dx1); dy2 = ym+sy - c2y; dx2 = xm - c2x; d2 = Math.sqrt(dy2*dy2 + dx2*dx2); ay1 = ym+sy - c1y; ax1 = xm - c1x; angle1 = Math.atan2(ay1,ax1)*180/Math.PI; ay2 = ym+sy - c2y; ax2 = xm - c2x; angle2 = Math.atan2(ay2,ax2)*180/Math.PI; dv=1.7; p1temp.top=(d1 < 17)?(c1y-6+d1/dv*Math.sin(angle1*Math.PI/180)):(c1y-6+10*Math.sin(angle1*Math.PI/180)); p1temp.left=(d1 < 17)?(c1x-6+d1/dv*Math.cos(angle1*Math.PI/180)):(c1x-6+10*Math.cos(angle1*Math.PI/180)); p2temp.top=(d2 < 17)?(c2y-6+d2/dv*Math.sin(angle2*Math.PI/180)):(c2y-6+10*Math.sin(angle2*Math.PI/180)); p2temp.left=(d2 < 17)?(c2x-6+d2/dv*Math.cos(angle2*Math.PI/180)):(c2x-6+10*Math.cos(angle2*Math.PI/180)); } function move(){ if (ie)ic.style.top=document.body.scrollTop; dy=fy+=(ym-fy)*0.12-2; dx=fx+=(xm-fx)*0.12; makefollow(); setTimeout('move()',10); } window.onload=move; //--></script><a href="http://ice-bella.narod.ru" target=_blank><img src="http://i014.radikal.ru/0806/61/5c49f6f1912b.gif" border="0"alt="Мега-сайтик Ice-Bella для девчёнок! :)"></a><br><br>
