Foros del Web » Programando para Internet » Javascript »

texto desplazandose hacia abajo

Estas en el tema de texto desplazandose hacia abajo en el foro de Javascript en Foros del Web. foro: En mi pagina web necesito hacer un tablon de noticias, alguien me podria decir como hacer que un recuadro de texto se vaya desplazando ...
  #1 (permalink)  
Antiguo 15/11/2003, 11:29
Avatar de lorecasas  
Fecha de Ingreso: noviembre-2003
Mensajes: 126
Antigüedad: 20 años, 6 meses
Puntos: 0
texto desplazandose hacia abajo

foro:

En mi pagina web necesito hacer un tablon de noticias, alguien me podria decir como hacer que un recuadro de texto se vaya desplazando hacia abajo solo, creo que esto se hace con flash pero no estoy seguro y ademas no se como, pleasee, ayudaaaa! :D
__________________
Lorena ;-)
  #2 (permalink)  
Antiguo 15/11/2003, 15:42
Avatar de Alexiel  
Fecha de Ingreso: noviembre-2003
Mensajes: 29
Antigüedad: 20 años, 6 meses
Puntos: 0
creo que era asi ...

Cita:
<SCRIPT language=JavaScript1.2>
var scrollerwidth=510
var scrollerheight=310
var scrollerbgcolor='#000000'
var scrollerbackground='#CDC477'
var messages=new Array()
messages[3]="<font face='Verdana' size='2'>Texto 1</font>"
messages[4]="<font face='Verdana' size='2'>Texto 2</font>"
messages[9]="<font face='Verdana' size='2'>Texto 3</font>"
messages[5]="<font face='Verdana' size='2'>Texto 4</font>"
messages[8]="<font face='Verdana' size='2'>Texto 5</font>"
messages[7]="<font face='Verdana' size='2'>Texto 6</font>"
messages[2]="<font face='Verdana' size='2'>Texto 7</font>"
messages[6]="<font face='Verdana' size='2'>Texto 8</font>"
messages[0]="<font face='Verdana' size='2'>Texto 9</font>"
messages[1]="<font face='Verdana' size='2'>Texto 10</font>"
if (messages.length>1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout("move1(tlayer)",4000)
setTimeout("move2(document.main.document.second)", 4000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout("move1(tlayer)",100)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(messages[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout("move2(tlayer2)",4000)
setTimeout("move1(document.main.document.first)",4 000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout("move2(tlayer2)",100)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(messages[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",4000)
setTimeout("move4(second2)",4000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout("move3(tdiv)",100)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",4000)
setTimeout("move3(first2)",4000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout("move4(second2)",100)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
second2.style.visibility='visible'
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility='show'
}
}

window.onload=startscroll

</SCRIPT>
</B></FONT></P><ILAYER id=main visibility="hide"
background="&amp;{scrollerbackground};"
bgcolor="&amp;{scrollerbgcolor};"
height="&amp;{scrollerheight};"
width="&amp;{scrollerwidth};"><LAYER id=first
width="&amp;{scrollerwidth};" top="1" left="0">
<SCRIPT language=JavaScript1.2>
if (document.layers)
document.write(messages[0])
</SCRIPT>
</LAYER><LAYER id=second visibility="hide"
width="&amp;{scrollerwidth};" top="0" left="0">
<SCRIPT language=JavaScript1.2>
if (document.layers)
document.write(messages[1])
</SCRIPT>
</LAYER></ILAYER>
<P align=center><FONT color=#008080 face=Tahoma size=1><B>
<SCRIPT language=JavaScript1.2>
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';h eight:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';h eight:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';l eft:0;top:1;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';l eft:0;top:0;visibility:hidden">')
document.write(messages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
</SCRIPT>
__________________
:neurotico :Zzz: Por que no se admiten las imagenes!?
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:16.