Para quien se anime ;-). Marquesina que persigue.

Battlecat
12 de Junio del 2003
Hola a todos
Aquí va un código de marquesina que persigue al ratón, y además, un cuadro que muestra las coordenadas del cursor ;-)

--------------------------------------------------
<html><head><title>Marquesina que persigue al Mouse</title>
<script language="Javascript">
function persigue()
{
x = event.clientX;
y = event.clientY;
document.all['Marquesina'].style.left = x-2;
document.all['Marquesina'].style.top = y-2;

if(x<=9){x = '000'+x}
if(x<=99 && x>=10 && x>0){x = '00'+x}
if(x<=999 && x>=100){x = '0'+x}
if(x<=9999 && x>=1000){x = x}

if(y<=9){y = '000'+y}
if(y<=99 && y>=10 && y>0){y = '00'+y}
if(y<=999 && y>=100){y = '0'+y}
if(y<=9999 && y>=1000){y = y}

document.form1.coords.value = 'x:'+x+' y:'+y;
}
document.onmousemove = persigue
</script>
<style>.marquesina{
position:absolute;width:125;background-color:lightgrey;
color:navy;font-family:verdana;border-top:white 1px solid;
border-bottom:black 1px solid;border-right:black 1px solid;
border-left:white 1px solid;font-size:12px;height:17px}
.caja{background-color:lightgrey;font-weight:bold;color:black;
font-size:11px;width:93px;border:0;
border-right:black 1px solid;border-left:black 1px solid;
border-bottom:black 1px solid;border-top:black 1px solid;
position:absolute;top:5;left:5}</style></head>

<body onload="persigue();" bgcolor="lightgrey">

<marquee id="Marquesina" class="marquesina" scrollamount="3">
Marquesina que persigue al rat&oacute;n. =O). Para mis amigos de "programacion.net"</marquee>

<form name="form1">
<input class="caja" type="text" name="coords" onfocus="this.blur()">
</form></body></html>
--------------------------------------------------

Como siempre, el código lo puedo explicar, ninguna línea tiene gran ciencia.

Cuídense mucho
Saludos a todo el foro
Atte Battlecat

ismael garcia
12 de Junio del 2003
espero les guste esta pagina web

a
12 de Junio del 2003
a