« Volver al inicio

Scroll

arriba abajo

Este es un scroll
desarrollado por Carlitos. carlosbernad@teleline.es

Lo tienes ampliamente comentado en
Foros del web.

Todo lo que quieras que este
dentro del scroll, lo debes
poner dentro del div 'contenido'.
La variable 'pausa' define la
velocidad. A más alta, más lento.

Código fuente
<script>
/**************************************************************
Scroll. Por Carlitos. carlosbernad@teleline.es
Si usas este script, deja intactas estas líneas (créditos). Vale?
También te agradecería un e-mail con tus comentarios. (carlosbernad@teleline.es)
Scroll v.2 En fase de experimentación.
****************************************************************/

var anima
pausa = 50
function abajo()
{
pixel=parseInt(document.getElementById("contenido").style.top);
if (pixel<5)
{
document.getElementById("contenido").style.top = pixel + 1
anima = setTimeout("abajo()",pausa)
}
}
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 - 1
anima = setTimeout("arriba()",pausa)
}
}

function para()
{
clearTimeout(anima)
}

</script>

<body>
<P class="titulo">Scroll</p>
<div id="cursor" style="position:absolute; left:70px; top:190px; width:100px; height:100px">
<a href="#" onmouseover="arriba()" onmouseout="para()">arriba</a> <a href="#" onmouseover="abajo()" onmouseout="para()">abajo</a>
</div>
<div id="limites" style="position:absolute; background-color: #ffff00; left:20px; top:80px; width:300x; height:100px; clip: rect(0px 300px 100px 0px)">
<div id="contenido" style="position:relative; left:5px; top:5px; width:180px; height:150px; z-index:1">

<p>Este es un scroll
<br>desarrollado por Carlitos.
<a href="mailto:carlosbernad@teleline.es">carlosbernad@teleline.es</a>
<p>Lo tienes ampliamente comentado
<br>en <a href="http://www.forosdelweb.com/showthread.php?t=114392">Foros del web.</a>
<p>Todo lo que quieras que este
<br>dentro del scroll, lo debes
<br>poner dentro del div 'contenido'.
<br>La variable 'pausa' define la
<br>velocidad. A más alta, más lento.
</div>
</div>
</body>