Marquesina Ascendente

Con estos trucos conseguirás crear una marquesina que se desplace hacia arriba. En el primer ejemplo, el texto sube dentro de un "recuadro imaginario" y en el segundo, el texto sube con el resto de la página, dando un efecto parecido a los créditos de las películas.

Este es el código del primer ejemplo:

<html>
<head>
<title>Efecto 1</title>
</head>

var ancho= 150
var alto= 80
var velocidad= 1
var contenido='<font face=" Arial "> Aqui puedes poner lo que quieras, noticias, novedades en tu web, etc. Incluso puedes poner enlaces como este: <a href="http://www.pagina.de/fuikas">Fuikas WebSite</a>. </font>'

if (document.all)
document.write('<marquee direction="up" scrollAmount='+velocidad+' style="width:'+ancho+';height:'+alto+'">'+contenido+'</marquee>')

function regenerar() {
window.location.reload()
}
function regenerar2() {
if (document.layers){
setTimeout("window.onresize= regenerar ",450)
empezar()
}
}

function empezar() {
document.cmarquee01.document.cmarquee02.document.write(contenido)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scroll()
}

function scroll() {
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=velocidad
setTimeout(" scroll() ",100)
}
else{
document.cmarquee01.document.cmarquee02.top=alto
scroll()
}
}

window.onload= regenerar2
</script>

<body>
Aqui va el resto de tu web...
</body>
</html>

Usuarios que han visto este tema también han visto...

- DOMTool: Crea código DOM a partir de HTML
- Simulación de instalación con JavaScript
- Javascript no obstructivo, Manual de buenas maneras
- Abrir ventana sin bordes
- La sombra se mueve en Javascript

- Versión imprimible de este documento

- Enviar por e-mail este documento