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 1

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

Un abrazo!

Avalon 2

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 3

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 4

Rosa, una maravilla. Mil gracias

Anónimo 5

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 6

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 7

Gracias, Rosa bonita:

Entonces...!A poner "marquee"!

Buena suerte hoy y siempre!!!

Luna 8

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 9

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 10

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 11

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

Muchas gracias.

Saludos, Hiena.

Jessica 12

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

Gracias Rosa!!
Interpretes de ASL/Espanol

janpoul 13

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 14

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 15

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 16

San.. ¡Bien!

Administrador 17

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 18

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

ordago13 19

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 20

ordago13 Pues no, que yo sepa.

Priamo 21

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 22

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 23

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 24

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 25

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 26

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 27

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 28

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 29

Fabio Salinas Yo ya me pierdo...
¿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