Está usted en Indice > Construcción > Lenguajes > JavaScript > Lecciones y Paso a Paso > Scroll de noticias con Javascript
Construcción
Maletín
Utilidades
Cursos
Promoción
Rentabilidad
Zona Novatos
Foros
Acceso a tu cuenta

Scroll de noticias con Javascript

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.




Autor: Fabian Muller
http://www.webexperto.com/articulos/art/94/scroll-de-noticias-con-javascript/

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

- Puzle de piezas deslizantes (5x5) en Javascript
- Cómo colocar los códigos Javascript
- Manejadores de eventos en JavaScript
- Una Base de Datos sencilla, con ActiveX y JavaScript
- Links en caja en Javascript


Versión imprimible - Versión imprimible de este documento
Enviar e-mail - Enviar por e-mail este documento
Publicidad






Cursos de Community Manager

Información legal | Política de Privacidad | Contacte con nosotros

Otro proyecto de Factoría de Internet. Copyright© 2003-2011 Factoría de Internet S.L.. Todos los derechos reservados.


Página generada el 13-02-2012 a las 08:10:32