29

Link con texto o imagenes en movimiento

Usando la propiedad "marquee" se pueden obtener efectos muy chulos, como estos links de texto o imagen que pasan y se detienen al pasar el puntero sobre ellos.

Código:

<marquee onmouseover="stop()" onmouseout="start()" scrollamount="2" scrolldelay="100" direction="up">AQUI LOS LINKS</marquee>


Resultado:

ImageShack
Wikipedia
Blogger

Si quieres cambiar la velocidad en "scrolldelay" cambias el 100 por el número que quieras.
Para hacer que el texto se desplace de arriba abajo cambias "up" por "down".

Con imagenes:






Si además añadimos (justo después de marquee) las propiedades "heigh" y "width" podemos modificar el ancho y alto de la marquesina.

¡Suerte y a disfrutar!

Respuesta a una consulta: Para darle la altura y anchura deseada ponéis HEIGHT=300px WIDTH=100px al principio justo después de marquee, y cambiáis el número de px según lo necesitéis.

Entradas Relacionadas:

29 comentarios:


Angie Sandino

Vuelvo en mi descanzo y experimento... pues esto se vé buenísimo!

Un abrazo!

Avalon

Querida Rosa: he puesto el código y funciona perfecto; lo único es que, si bien he agregado algunos links, los mismos me aparecen unos atras del otro - como en una oración- y no uno abajo del otro.-

Disculpame si me pregunta es estúpida o ya se encuentra respondida pero soy nuevo en esto.-

Igulamente, muchas gracias por tu tiempo y conocimientos.-

Anónimo

Avalon, cuando coloques los links, cada uno ha de ir en una línea nueva:

Link uno
Link dos
Link tres

Si aún así no sale, prueba añadiendo un salto de línea:

<p>Link uno</p>
<p>Link dos</p>
<p>Link tres</p>

Avalon

Rosa, una maravilla. Mil gracias

Anónimo

Rosi:

Una pregunta...cuando el blog tiene "marquee" se pone lento para cargar?

Lia.


Solo por ser uno más de vida...hoy es un día precioso...disfrutalo!

Anónimo

Ligia, no afecta a la carga del blog, lo que si suele suceder es que el marquee,es decir, los elementos que hayas puesto en ella no empizan a cargarse hasta que el blog termina su carga completa...

Anónimo

Gracias, Rosa bonita:

Entonces...!A poner "marquee"!

Buena suerte hoy y siempre!!!

Luna

He intentado el efecto pero en vez de aparecerme la imagén surgen los textos de las urls, ¿qué he podido hacer mal? Un fuerte abrazo.

Anónimo

Luna, ¿Estás segura de haber colocado bien los enlaces con imagen? Mira aquí como ha de hacerse:
http://elescaparatederosa.blogspot.com/2007/09/hacer-que-una-imagen-funcione-como-link.html

Junior Aponte

ROSA ERES LO MEJOR DE TODO ESTE MUNDO DE VERDAD AL IGUAL QUE MUCHOS CHAVOS Y CHAMAS QUE MA HAN AYUDADO A PONER MI BLOG SUPER BUENO NI TANTO ,SOLO ALGO KALIDA JEJEJEJE...QUE DIOS TE PAGUE POR 100000000000000000000000000 Y MAS POR LA AYUDA QUE DAS EN TU BLOG...DE VERDAD GRACIAS A PORFA VISITA MI BLOG Y ME DAS UN CONSEJITO DE TU PARTE PORFAVOR Y DE NUEVO GRACIAS......
http://descargalo-facilito.blogspot.com

Hiena

Excelente Rosa. He buscado esto muchas veces para colocarlo en mi blog. Practicaré(para no hacer lío:O) en mi blog que tengo de prueba y luego si al "original".

Muchas gracias.

Saludos, Hiena.

Jessica

Wow! que sencillo! yo creia que era super duper complicadisimo!

Gracias Rosa!!
Interpretes de ASL/Espanol

janpoul

hola rosa queria saber el code para el movimiento de imagenes si no es mucha molestia muchas gracias y por cierto tu pagina esta chidisima byeeee....

Anónimo

Horacio Es el que ves en la entrada y donde dice "Aquí van los links" pues tienes que colocar las imágenes así:
<img src="URL_DE_LA_IMAGEN"/> una después de otra...

SandraL

Rosa... Lo hice!!!

Wow... ni yo creo lo fácil que era.. suponia que tendria que hacer grandes cambios.. y bah! solo era hacer un par de cambios en el codigo.. mil gracias!!

Anónimo

San.. ¡Bien! :D

Administrador

Quiero q las imagenes q esten en marquesina cuando les de lik se abran en una ventana nueva como ago eso ayuda y muchas gracias

Anónimo

[C]iprian^^ Añadiendo target="_blank" como en cualquier enlace:
http://elescaparatederosa.blogspot.com/2007/02/abrir-pgina-en-una-ventana-nueva.html

ordago13

Genial Rosa este truco ya lo conocia y de echo lo estoy usando en uno de los blogs en los que ando trasteando. Mi duda/petición/pregunta va más lejos.
Con el marquee si te fijas pasan todas las imagenes ponte que sea de derecha a izquierda (en el caso de tu ejemplo de abajo a arriba) y cuando pasan todas detras van dejando blanco hasta que todo el hueco del marquee es blanco y vuelven a empezar a pasar.
¿se puede hacer que pasen continuamente que cuando la imagen se empieze a perder por arrriba al instante empieze a salir por abajo de modo que haya siempre imagenes pasando continuamente?

No se a lo mejor lo que pregunto es absurdo...
Me encantaria que pudieras sacarme de dudas¡¡¡

Eres la mejor Rosa¡¡

Anónimo

ordago13 Pues no, que yo sepa.

Priamo

Rosa has probado para que podamos ver la secuencia: gacia la derecha o hacia la izquierda??
Lo intentado colocando en lugar de: "up" o " down" he puesto "right" pero no funciona bien. Ves alguna solucion.
Gracias

Anónimo

Priamo Mira esta entrada de Vagabundia, hay muchas formas de controlar la etiqueta marquee:
http://vagabundia.blogspot.com/2007/03/desplazamientos-de-textos-marquee.html

Priamo

Muchas gracias Rosa, la pagina de Vagabundia me ha ayudado muchisimo. Ya lo tengo, puedes verlo si quieres en mi blog de pruebas donde figura "Slot.it" dentro de "Mis coches". Mi blog de pruebas: priamo24.blogspot.com
De nuevo, repito, gracias

Anónimo

Hola, buscaba justo ese truco y di con tu blog, hay algo que no hago bien parec porque no logro que me salga un link, es decir donde pusiste "AQUI EL LINK"? yo pongo http://blbla.blogspot.com (es un ejemplo) y nada, solo me sale el texto, porque no me sale?
gracias

Anónimo

hijasdelatierra No se trata de poner la url y ya... has de poner el link o enlace como para otros...

<a herf="http://loquesea.com"></a>

kiras70

hola k tal rosa
soy principiante en esto de blog
tengo 16 y mi blog es de anime
y queria saber si es posible poner en blogger una barra parecida a
esta
http://www.imaxenes.com/imagen/dibujo1qy46lt.bmp.html


esta es la pag de la barra


http://www.todoanimes.com/

je... no espero que sea igual pero algo paresida
yo tengo un estilo de imagenes pequeñas estaticas que al
pincharle arriba aparese la pagina pero no me gusta mucho

espero me ayudes bay me has ayudado en varias cosas bayy..

Anónimo

kiras Eso es un slide con JQuery además... de momento no voy a explicar nada de ese estilo en mis entradas...
Tengo un script sencillo para hacer un slide aquí:
http://elescaparatederosa.blogspot.com/2010/04/slide-sencillo-con-javascript.html

Si no te sirve, pregunta en http://humanossinsentido.blogspot.com/ allí Pizcos si explica varias cosas con JQuery

Anónimo

Fabio Salinas Con marquee no puedes hacer algo así, quizá con un iframe, pero tampoco tengo muy claro como hacer eso que dices... ni si se pueda, lo siento.

Anónimo

Fabio Salinas Yo ya me pierdo...:S
¿Porqué no solicitas la ayuda de Jmiur (Vagabundia)? Si alguien puede orientarte es el.

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S