|
| Descripción del ejemplo JavaScript
El Script que mostramos a continuación es muy útil para cuando queramos mostrar un mensaje de texto tipo banner el cual esté siempre visible en la página. El visitante siempre tendrá la oportunidad de ver y leer el mensaje que nosotros como programadores del sitio estamos ofreciendo. El banner en este caso se sitúa al pie de la página y se muestra mediante un efecto destellante que cambia de color para hacerse realmente llamativo. El banner es un simple <DIV> totalmente configurable mediante una clase CSS. Podemos modificar desde el tipo de letra hasta el tamaño y color del banner y texto. El Script tiene algunas variables que debemos configurar para personalizar el JavaScript a nuestro gusto. La primera variable que encontramos es mensaje, que guarda el texto que queremos mostrar en el banner. esta variable tiene una etiqueta <DIV> con un ID igual a mensajeBanner. Esta etiqueta no debemos borrarla ya que de lo contrario no funcionará la clase definida en la etiqueta <STYLE>. Si bien en el ejemplo se muestra una solo línea de texto podemos agregar varias líneas mediante <BR>. La segunda variable que encontramos es colorFondoBanner que define el color de fondo del banner. Si elegimos que el banner destelle cambiando de color el fondo del mismo debemos especificar en colorEfectoBanner el código hexadecimal del color que queramos. Hay dos maneras de presentar el banner: la primera es "siempre visible en pantalla", para esto definimos el valor 0 en modoVisibleBanner y la segunda es "visible en un tiempo definido". Para este segundo caso definimos el valor 1 en la misma variable. Si elegimos que el banner de texto esté visible en un intervalo de tiempo específico, debemos especificar cuantos segundos lo estará. Esto lo hacemos con la variable tiempoVisibleBanner dandole un valor de los segundos que queremos por 1000, es decir si queremos que el banner esté visible 5 segundos, definiremos 5000 (5 x 1000). Lo último que nos queda hacer es definir si el banner destellará cambiando su color de fondo cada más o menos 1 segundo. Para esto asignamos el valor 1 a la variable modoEfecto de esta manera será un banner realmente llamativo y no habrá posibilidad que el visitante deje de leerlo. Si queremos que el banner no destelle usaremos el valor 0 (cero). Si queremos convertir el banner en un enlace hacia otro sitio web debemos agregar la etiqueta correspondiente dentro de la variable mensaje. Lo hacemos de esta manera: // Hacemos que el banner funcione como un enlace var mensaje='<A href="http://URLdelEnlace"><DIV id="mensajeBanner">Y para que todo quedo perfecto deberíamos agregar algunos atributos a la clase de la etiqueta <DIV>:
#mensajeBanner {
cursor:hand;
text-decoration:none;
}
Esto lo hacemos para que se muestre la clásica mano al pararse sobre un enlace y que el texto del banner no esté subrayado delatando que es un enlace.
|
|
Información relativa al Script |
Banner de Texto Siempre Visible en la Página Web. Código fuente del script: |
| Temas relacionados a este Script: | ||
|
![]() Agradecemos todos los comentarios. Gracias por ayudarnos a mejorar el sitio. Importante: Los comentarios están para ampliar el artículo propuesto en esta página, proponer o responder alguna consulta de otro visitante. En ningún caso nos hacemos responsables del contenido publicado en los comentarios. En el caso que formules una pregunta y ésta no sea respondida, puedes solicitarnos ayuda desde el formulario de ayuda aunque no te aseguramos una respuesta inmediata. | ||
| Código JavaScript Todos los derechos reservados | |||