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 Enlaces (links)

Google

Varios

Scroll de Enlaces (links)

Pues eso. Un scroll (vertical) de enlaces que se detiene al pasar el ratoncillo por encima.

El link 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 = 50 //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 colEnlace = '#006699 //color del texto del enlace
var fuente = "arial" //fuente para los textos
var tamEnlace = '14' // tamaño de la fuente del enlace
var negrita = true //si se quiere o no negrita en el texto del enlace.

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

Enlaces[posición]= new Enlace('el texto del enlace','el enlace','el destino o target del enlace')

Ejemplo:

Enlaces[0]= new Enlace("Perico de los palotes se compra un perro.","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.

Enlaces[8]= new Enlace('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