Ver Mensaje Individual
  #3 (permalink)  
Antiguo 31/10/2003, 07:12
Avatar de seoista
seoista
 
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 21 años, 6 meses
Puntos: 59
Hola Tomillo

Yo lo tengo así y me funciona bastante bien.

<html>
<head>

<title>=====</title>

<script language="JavaScript">
var anima
function abajo()
{
pixel=parseInt(document.getElementById("contenido" ).style.top);
if (pixel<0)
{
document.getElementById("contenido").style.top = pixel + 5
anima = setTimeout("abajo()",50)
}
}
function arriba()
{
pixel=parseInt(document.getElementById("contenido" ).style.top);
altura=parseInt(document.getElementById("contenido ").style.height)
if (pixel>-altura)
{
document.getElementById("contenido").style.top = pixel - 5
anima = setTimeout("arriba()",50)
}
}

function para()
{
clearTimeout(anima)
}
</script>

<body>

<table border=0 width=100%>
<tr><td width="40%">

<div id="cursor" style="position:absolute; left:570px; top:170px; width:30px; height:100px">

<a href="#" onmouseover="abajo()" onmouseout="para()"><img id="flecha" src="flecha.gif" width="20" height="20" border="0"></a>
<br><br><br>

<a href="#" onmouseover="arriba()" onmouseout="para()"><img src="flecha1.gif" width="20" height="20" border="0"></a>
</div>

<div id="limites" style="position: absolute; left: 90px; top: 90px; width:0px; height: 1000px; z-index: 2; clip: rect(0 auto 250 auto);">

<div id="contenido" style="position:absolute; left:70px; top:0px; width:400px; height:830px; z-index:1">

<p><font color="#000080" face="arial" size="5">A PARTIR DE AQUÍ, EL TEXTO QUE QUIERAS PONER</font></p>
</div>
</div>

</td></tr></table>

</body>

Saludos

</html>