free css template

Bienvenid@s A Mi Web

SCROLL CON BOTONES DE PLAY, PAUSE, SUBIDA Y BAJAR

Bueno aqui les dejo este codigo , se trata de un scroll muy bonito, que tiene botones de play, pause, subir y bajar, todo al gusto del visitante, modifica lo que quieras en cuanto a los colores y aqui te dejo las imagenes que use yo para crear el mio, pero si las quieres cambiar, puedes hacerlo, solo fijate en el tamaño que sea igual:
estas son las imagenes:



Bien aki te dejo el codigo armado con las mismas imagenes:

Código:

 

<center><div style="background-color:#00000;width:150px;"><!--ACA EDITAS ANCHO Y COLOR DE FONDO DE GUIA-->

<center><a href="javascript:movedown()"><img src="http://pixelea.com/s/70c2c3e83a.png" border="0" /></a> | <a href="javascript:moveup()"><img src="http://pixelea.com/s/f539c6816a.png" border="0" /></a> |
<a href="javascript:stopscroll()"><img src="http://pixelea.com/s/348c37b8a5.png" border="0" /></a> | <a href="javascript:movetop()"><img src="http://pixelea.com/s/eceaaea661.png" border="0" /></a></center><!--ACA EDITAS LETRA DE GUIA-->
</div>
<script language="JavaScript1.2">
var speed=2

iens6=document.all||document.getElementById
ns4=document.layers
<!--ACA EDITAS ALTO, ANCHO Y BORDE DE LA CAJA-->
if (iens6)
{document.write
('<div id="container" style="position:relative;width:150px;height:200px;overflow:hidden;border:0px ridge black">')
<!--ACA EDITAS ANCHO Y ESPACIO DEL CONTENIDO-->
document.write('<div id="content" style="position:absolute;width:150px;left:0px;top:0px">')
}
</script>
<!--INSERTAR CONTENIDO-->
AQUI INSERTAS LOS BANNERS O LOS TEXTOS QUE QUIERAS, CON SUS RESPECTIVOS LINKS, EJE:
<a href="http://beemp3.com/" title="beemp3"><img src="http://img229.imageshack.us/img229/2017/beempcl8.jpg"</a>
<br>
<a href="http://www.dilandau.com/" title="dilandau"><img src="http://img231.imageshack.us/img231/151/dilandauec8.jpg"</a>
<br>
<!--FIN DE CONTENIDO-->
<script language="JavaScript1.2">
if (iens6){
document.write('</div></div>')
var crossobj=document.getElementById? document.getElementById("content") : document.all.content
var contentheight=crossobj.offsetHeight
}
else if (ns4){
var crossobj=document.nscontainer.document.nscontent
var contentheight=crossobj.clip.height
}

function movedown(){
if (window.moveupvar) clearTimeout(moveupvar)
if (iens6&&parseInt(crossobj.style.top)>=(contentheight*(-1)+100))
crossobj.style.top=parseInt(crossobj.style.top)-speed+"px"
else if (ns4&&crossobj.top>=(contentheight*(-1)+100))
crossobj.top-=speed
movedownvar=setTimeout("movedown()",20)<!--VELOCIDAD - ",00 ES MAS RAPIDO-->
}

function moveup(){
if (window.movedownvar) clearTimeout(movedownvar)
if (iens6&&parseInt(crossobj.style.top)<=0)
crossobj.style.top=parseInt(crossobj.style.top)+speed+"px"
else if (ns4&&crossobj.top<=0)
crossobj.top+=speed
moveupvar=setTimeout("moveup()",20)<!--VELOCIDAD - ",00 ES MAS RAPIDO-->
}

function stopscroll(){
if (window.moveupvar) clearTimeout(moveupvar)
if (window.movedownvar) clearTimeout(movedownvar)
}

function movetop(){
stopscroll()
if (iens6)
crossobj.style.top=0+"px"
else if (ns4)
crossobj.top=0
}

function getcontent_height(){
if (iens6)
contentheight=crossobj.offsetHeight
else if (ns4)
document.nscontainer.document.nscontent.visibility="show"
}
window.onload=getcontent_height
</script></center>

  • Una respuesta honesta es señal de una amistad verdadera.

    Besos y abrazos a todas las personas que están en linea en este momento; muchas gracias por estar aquí.

    Reciban un fuerte abrazo fraterno desde

    Venezuela

    Se siempre Protagonista de Tú Propia Vida y seras siempre Feliz

    Mi Enlace

    Mi Canal You Tube
    Mi Canal You Tube

    El sabio aprende de sus errores y los enmienda, el necio se queda con ellos y hace de ellos tribulaciones.

    Powered by MyPagerank.Net

    Creative Commons License

    Bookmark and Share