Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continúa navegando, consideramos que acepta su uso.
Las cookies de este sitio web se usan para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Además, compartimos información sobre el uso que haga del sitio web con nuestros partners de redes sociales, publicidad y análisis web, quienes pueden combinarla con otra información que les haya proporcionado o que hayan recopilado a partir del uso que haya hecho de sus servicios. Puede cambiar la configuración u obtener más información aquí

Aceptar

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


Buscador de animales en adopción
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. Política de cookies subir