Principal

Inicio
Historial de noticias
Codigos en php
Codigos Javascript
Linux
 · Guia de comandos
Manuales HTML
 · Nivel principiante
Trucos Windows
 · Windows XP
 · Windows 95/98
 · Windows 2000/NT

Enviar articulos

Mas webs
Juegos y chistes

 
Codigos Javascript
Pon una estrella que sigue al raton

  Tal y como dice el encabezado, este codigo mostrara en tu web una estrella que seguira al raton muevas por donde lo muevas.

Codigo:
_________________________________

<!-- Dentro del Tag HEAD -->

<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>


<!-- Dentro del Tag BODY -->

<DIV ID="div1" CLASS="s1">*</DIV>
<DIV ID="div2" CLASS="s2">*</DIV>
<DIV ID="div3" CLASS="s3">*</DIV>
<DIV ID="div4" CLASS="s4">*</DIV>


<SCRIPT LANGUAGE="javascript" TYPE="text/javascript">

// adaptado por http://www.losrecursosgratis.com

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>
 

Fuente: http://www.losrecursosgratis.com

Volver.

Añadir comentario
¿No encuentras lo que buscas?
No te compliques, usa el buscador que nos ofrece google y encuentra todo lo que quieras.
Tutoriales, hosting, dominios, ayuda para el webmaster, etc.

Comentarios:

Enviado por: Aprendiz

Fecha: 07/02/2007 - 17:24:05  
estos codigos no funcionan ni en mac, ni en mozilla,
¿para qué sirven?
 

Tu alias:

 

Comentario:

 
  Introduce codigo de seguridad
 

¿Quieres ver tu articulo publicado en esta pagina?

Visita la zona de envios, pulsando aqui

 
Anuncios
Hospedaje recomendado
Hospedaje y dominios - El hosting inteligente al mejor precio

Visitantes: 1
Pagina generada en: 0.00143 segundos