Delicious LinkedIn Facebook Twitter RSS Feed

Bordes parpadeantes


Primero colocaremos el siguiente código arriba de </head>:
<script type="text/javascript">
//BORDES PARPADEANTES
//Autor: Iván Nieto Pérez
//Este script y otros muchos pueden
//descarse on-line de forma gratuita
//en El Código: www.elcodigo.com
//adaptado para Blogger por: Vku.
//en: http://loseasi.blogspot.com

//velocidad del parpadeo
var velocidad = 200
//colores entre los que cambia
var color1 = '#FFFF00'
var color2 = '#000099'

var objeto, color

function inicia() {
if ( document.all )
objeto = document.all.bflash
else if (document.getElementById)
objeto = document.getElementById("bflash")
else //no soportado, finaliza ejecucion del script
return
//inicializacion
objeto.style.display = 'block'
objeto.style.borderStyle = 'solid'
objeto.style.borderColor = color1
color = 0
//comienza el parpadeo
setInterval("parpadear()", velocidad)
}

function parpadear() {

if ( color == 0 ) {
objeto.style.borderColor = color2
color = 1
} else {
objeto.style.borderColor = color1
color = 0
}
}
window.onload = inicia
</script>

Cambiar los 2 colores por los que mas les guste.
También pueden modificar la velocidad.

Para que el efecto funcione hay que colocar la id="bflash" al objeto que llevara el borde parpadeante.

Puede ser en lo que quieran, tipo un anuncio o una imagen.

Ejemplo en una imagen:
<img id="bflash" src="http://imagen"/>

O en un anuncio:
<div id="bflash" style="width:300px;height:20px">
BIENVENIDO A MI BLOG!!! DEJA UN COMENTARIO.
</div>


OJO QUE EN ALGUNOS BLOG NO FUNCIONA, CREA CONFLICTO CON OTROS CÓDIGOS JAVASCRIPT



0 comments:

Post a Comment