Scroll de noticias con JavaScript

Lo que veremos en este artículo, es un simple JavaScript para realizar un Scroll cada un determinado lapso de tiempo. En él, se pueden incluir enlaces, imágenes, textos en negrita, en fin, cualquier código html.
Es ideal para mostrar novedades o noticias sobre un sitio o tema en especial.

El código a utilizar es el siguiente:

<script language="JavaScript1.2">
// ancho
var marqueewidth=450
// alto
var marqueeheight=80
// velocidad
var speed=1
// contenido del scroll
var marqueecontents='<font face="Arial" size="2">Lo que veremos en este artículo, es un simple JavaScript para realizar un Scroll cada un determinado lapso de tiempo. En él, se pueden incluir <a href="http://www.webexperto.com" target="_blank">enlaces</a>, imágenes, <strong>textos en negrita</strong>, en fin, cualquier <em>código html</em>.<br>Es ideal para mostrar novedades o noticias sobre un sitio o tema en especial.</font>’
if (document.all)
document.write(‘<marquee direction="up" scrollAmount=’+speed+’ style="width:’+marqueewidth+’;height:’+marqueeheight+’">’+marqueecontents+'</marquee>’)
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers){
setTimeout("window.onresize=regenerate",450)
intializemarquee()
}
}
function intializemarquee(){
document.cmarquee01.document.cmarquee02.document.write(marqueecontents)
document.cmarquee01.document.cmarquee02.document.close()
thelength=document.cmarquee01.document.cmarquee02.document.height
scrollit()
}
function scrollit(){
if (document.cmarquee01.document.cmarquee02.top>=thelength*(-1)){
document.cmarquee01.document.cmarquee02.top-=speed
setTimeout("scrollit()",100)
}
else{
document.cmarquee01.document.cmarquee02.top=marqueeheight
scrollit()
}
}
window.onload=regenerate2
</script>

Se debe ubicar dentro del cuerpo de la página (o sea entre los tags <body> y </body>) en la posición en donde queramos que se haga el scroll.

Deja un comentario