Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje15-01-2009, 18:24 (UTC)    
Título del mensaje: [Código Javascript]Scroll con botones Play-Pause-Subir-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:






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>


aki puedes verlo en accion:
http://designsiceblue.es.tl/


Ultima edición por didita9 el Vie Ene 23, 2009 9:22 am; editado 1 vez
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group