
31/10/2003, 07:12
|
 | | | 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> |