|
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>
<script language="JavaScript">
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() {
}
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>
|
El segundo ejemplo es parecido al anterior, pero un poco más espectacular. Quizás este no te sirva para mostrar noticias, novedades de la web, etc... como el anterior, pero si tienes una sección de Star Wars, este truco te puede ir que ni pintado :-)
<html>
<head>
<title>Efecto 2</title>
<script language="JavaScript">
<!--
var AvanceOn = false
var AvanceID = null
var y, t
var posicion
function avanzar() {
if(posicion == 450) {
self.scrollTo(0, 0)
posicion = 0
}
self.scrollBy(0, y)
AvanceID = setTimeout(" avanzar() ", t)
AvanceOn = true
posicion++
}
function empezar() {
if(!AvanceOn) {
y = 1
t = 10
posicion = 0
avanzar()
}
}
//-->
</script>
</head>
<body topmargin="0" marginheight="0" onLoad=" empezar() ">
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<h4 align="center">Ejemplo de texto con movimiento</h4>
<p align="center">El contenido de esta ventana se desliza de abajo arriba,
creando un efecto similar al de los créditos de una película. El efecto requiere que la
página posea espacios en blanco al principio y al final.</p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
Este truco necesita tener las etiquetas <br> al principio y al final del contenido de la página, para que así aparezcan las barras de desplazamiento y se pueda generar el efecto de scroll.
Original de fuikas.tk
|
