Juan Manuel 22 de Enero de 2008 a las 12.51
   Imprimir artículo
elWebmaster.com

3 marquesinas interactivas para anunciar las novedades de tu sitio

Hoy estamos con Javascript, por lo visto. Es que la facilidad de implementar fragmentos de c贸digo en nuestros sitios es asombrosa. En esta oportunidad veremos tres tipos de marquesinas interactivas para que publiquen las novedades de su sitio, personaliz谩ndolas para que al posar el cursor sobre ellas se detenga el texto y se pueda hacer clic sobre 茅l para ir a la secci贸n linkeada. Seguramente ser谩n de mucha utilidad puesto que no ocupan mucho espacio y son vistosas.

Para los que quieran abrir una secci贸n de noticias o novedades en su sitio pero no quieran “romper” la plantilla o redise帽arla, esta es la mejor opci贸n. Como dije antes no ocupan casi espacio y permiten ingresar una gran cantidad de informaci贸n. Veamos tres ejemplos gratuitos para descargar y usar:

  1. Newsticker: Creado por Bartelme, usa el Prototipo JavaScript Framework. Transforma cuanquier lista no ordenada en una marquesina donde el texto “aparece y se desvanece” con cada 铆tem. Es s贸lo para enterarse de las noticias, no se puede cliquear sobre 茅l, s贸lo en el bot贸n de “cerrar” a la derecha del banner.


    Haz clic aqu铆 para descargar Newsticker.

  2. liScroll: Creado por Gian Carlo Mingati, usando jQuery. Esta vez el txto se desplaza en forma horizontal y se detiene al posar el puntero del mouse, pudiendo linkear los 铆tems de la lista no ordenada (igual que en el ejemplo anterior) que usaremos como base a la secci贸n correspondiente.


    Haz clic aqu铆 para descargar liScroll.

  3. CNN Style Scrolling Ticker: Creado por Matt Berseth, es similar al anterior pero podemos especificar la direcci贸n horizontal del texto, o aplicarle estilos CSS.


    Haz clic aqu铆 para descargar CNN Style Scrolling Ticker.

No duden en probarlos, si hacen clic sobre las im谩genes de cada uno iran a la p谩gina de ejemplo de las marquesinas, para verlas funcionando.

Para descargar los scripts hagan clic en los links debajo de cada imagen.

Fuente: WebAppers


Enviar a Del.icio.us Enviar a Meneame Enviar a Digg Enviar a Fresqui Enviar a Enchilame

Comentarios (7)

  1. karina lopez flores dice:

    descargo el de la marquesina con link [liScroll] pero y luego que ?
    como le hago para que se vea en internet, como la pagina esta en ingles no le entiendo… si pudieran ayudarme, gracias

  2. Juan Manuel dice:

    隆Hola, Karina! liScroll es un script para jQuery, que a la vez es una librer铆a Javascript. Puedes informarte sobre el uso de este lenguaje de programaci贸n haciendo clic aqu铆.
    隆Saludos!

  3. karina lopez dice:

    Pues gracias, pero quede en las mismas, no se nada de programaci贸n por eso mi pregunta anterior.

    Agradezco tu tiempo.

    Saludos.

  4. Daniel correa dice:

    hice los pasos como est谩n en la pagina de ejemplos y NO CORRIO… sorry. algo falta.

  5. Manuel dice:

    Me funcion贸 bien el primero, pero cuando quise poner dos no, esperaba que termine uno para arrancar el otro, alguien sabe como solucionarlo?

  6. Luis Otalora dice:

    Excelente aporte el de Newsticker, lo estaba buscando hacia tiempo para adaptarlo a una web que estoy dise帽ando.
    Gracias

  7. alexander dice:

    estoy viendo si en verdad esta validado el campo e mail

Deja tu opinión

© 2007 - 2008 elWebmaster.com | Powered by Wordpress | Diseño CSS y XHTML válido. | Algunos íconos basados en FamFamFam Mini
Iniciar sesi贸n