Scroll de Noticias

Google

Varios

Scroll de Noticias

Pues eso. Un scroll (vertical) de noticias. Incluye un titular, opcionalmente una fecha, texto de la noticia y opcionalmente un enlace.

Actualizado el 27-3-04. Agregada la opción de omitir fechas

La noticia se detiene durante un par de segundos (configurable) al llegar a la posición 0. Tras los dos segundos de pausa reanuda el movimiento.

Al parar el mouse sobre el texto se pausa el movimiento hasta que se retira el mouse y reaunuda el movimiento.

Configuración

var ancho = 200 // anchura del cuadro
var alto = 70 //altura del cuadro
var marco = 1 // 0 para que notenga marco (borde)
var fondo = '#FFFFFF' //color de fondo del cuadro
var pausilla = 2000 //tiempo de la pausa en milisegundos (2000 = 2 segundos)
var cursor = "default;" //cursor que se quiera sobre el cuadro (terminar con ;)
var colTitular = '#006699' //color del texto del titular
var colTexto = '#999999' // color del texto de la noticia
var colFecha = '#3399FF' //color del texto de la fecha
var colEnlace = '#660000' //color del texto del enlace
var fuente = "arial" //fuente para los textos
var tamTitular = '14' //tamaño de la fuente del titular
var tamTexto = '12' //tamaño de la fuente del texto de la noticia
var tamFecha = '10' // tamaño de la fuente de la fecha
var tamEnlace = '11' // tamaño de la fuente del enlace
var masInfo = true //Determina si se usa o no el enlace. true para usarlo. false para omitirlo
var poneFecha = false //true para poner fecha. false para omitirla. Si no se quiere fecha, dejar las comillas vacías ""

Crear el listado (array) de noticias de la siguiente forma:

noticias[posición]= new noticia('el titular','el texto de la noticia','la fecha','el enlace (si se usa)','el destino o target del enlace')

Ejemplo:

noticias[0]= new noticia("Perico de los palotes se compra un perro.","blablá bla blablablá blas blábla blablá bla blablablá blas blábla blablá bla blablablá blas bláblablablá bla blablablá blas blábla","12/5/03","http://www.yahoo.es/","_blank")

En el ejemplo se usan 8 noticias (de la 0 a la 7). Para agregar más simplemente se añade otra línea con un índice correlativo.

noticias[8]= new noticia('el nuevo titular','el nuevo texto de la noticia','la fecha','el enlace (si se usa)','el destino o target del enlace')

En el lugar donde se quiera que aparezca el cuadro con el scroll de noticias poner:

<script type="text/javascript"><!-- escribe() //--></script>;

Y en body...

<body onload="escrolea()">

ver el código fuente del ejemplo


F.A.A.D.A - Fundación para la adopción, apadrinamiento y defensa de los animales.
Creative Commons License
Javascript códigos by tunait is licensed under a Creative Commons Reconocimiento-Compartir bajo la misma licencia 2.5 España License.
Permissions beyond the scope of this license may be available at http://tunait.com/javascript/index.php?s=condiciones.

Todos los códigos incluídos los de la página han sido paridos y tecleados por tunait.com. subir