Juan Manuel Martes, 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 (4)

  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.

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