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.
|
