les dejo un seguidor de raton.
Código:
Código:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de javascript</title>
<meta charset="UTF-8">
</head>
<body>
<!-- Presentado por javascripts-gratis.de -->
<script type='text/javascript'>
<!--
//Trio Script by kurt.grigg (at) virgin.net
//Elige los colores y el tamaño
var a_Colour='ff0000';
var b_Colour='222222';
var c_Colour='0000ff';
var Size=50;
//A partir de aca no cambiar mas nada
var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.2;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.getElementById)
{
function ieMouse(e){
if (!e) {
xpos = document.documentElement.scrollLeft+event.x+6;
ypos = document.documentElement.scrollTop+event.y+16;
} else {
xpos = e.pageX+6;
ypos = e.pageY+16;
}
}
document.onmousemove = ieMouse;
}
function swirl(){
for (i = 0; i < 3; i++)
{
YDummy[i]=ypos+Size*Math.cos(ThisStep+i*2)*Math.sin((ThisStep+i*25)/2);
XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep+i*25)/2)*Math.sin(ThisStep/4);
}
ThisStep+=step;
setTimeout('swirl()',10);
}
var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write('<layer name=nsa'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+a_Colour+'></layer>');
document.write('<layer name=nsb'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+b_Colour+'></layer>');
document.write('<layer name=nsc'+i+' top=0 left=0 width='+i/2+' height='+i/2+' bgcolor='+c_Colour+'></layer>');
}
}
else if (document.getElementById){
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div id="x'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#'+a_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id="y'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#'+b_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id="z'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#'+c_Colour+';font-size:'+i/2+'"></div>');
}
document.write('</div></div>');
}
function prepos(){
var ntscp=document.layers;
var msie=document.getElementById;
if (document.layers){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;
ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;
ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;
}
else
{
ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
}
}
}
else if (document.getElementById){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
document.getElementById('x'+i).style.top=document.getElementById('x'+(i+1)).style.top;
document.getElementById('x'+i).style.left=document.getElementById('x'+(i+1)).style.left;
document.getElementById('y'+i).style.top=document.getElementById('y'+(i+1)).style.top;
document.getElementById('y'+i).style.left=document.getElementById('y'+(i+1)).style.left;
document.getElementById('z'+i).style.top=document.getElementById('z'+(i+1)).style.top;
document.getElementById('z'+i).style.left=document.getElementById('z'+(i+1)).style.left;
}
else
{
document.getElementById('x'+i).style.top=YDummy[0]+"px";document.getElementById('x'+i).style.left=XDummy[0]+"px";
document.getElementById('y'+i).style.top=YDummy[1]+"px";document.getElementById('y'+i).style.left=XDummy[1]+"px";
document.getElementById('z'+i).style.top=YDummy[2]+"px";document.getElementById('z'+i).style.left=XDummy[2]+"px";
}
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos()
}
//-->
</script>
<script type="text/javascript">function addEvent179(obj,type,fn){if(obj.addEventListener){obj.addEventListener(type,fn,false)}else if(obj.attachEvent){obj["e"+type+fn]=fn;obj[type+fn]=function(){obj["e"+type+fn](window.event)};obj.attachEvent("on"+type,obj[type+fn])}};addEvent179(window,'load',Start);</script>
<!-- Presentado por javascripts-gratis.de -->
</body>
</html>
Página web: https://drive.google.com/file/d/13Jjr20DyX3efiH-IqyyhVZcSb7nq2Ifs/view?usp=sharing
Autor Kurt Grigg
Gracias y saludos