Bordes que cambian de color

+/- Leer entrada

Con el código que pongo a continuación, podréis crear un marco con en el que sus bordes cambian de color.

<table border="0" width="150" id="myexample" style="border:5px solid green">
<tr>
<td>Dormiluno<br>Blog<br> ¿Muy interesante? <br></td>
</tr>
</table>
<script language="JavaScript1.2">
<!--
//configure interval btw flash (1000=1 second)
var speed=500
function flashit(){
var crosstable=document.getElementById? document.getElementById("myexample") : document.all? document.all.myexample : ""
if (crosstable){
if (crosstable.style.borderColor.indexOf("green")!=-1)
crosstable.style.borderColor="red"
else
crosstable.style.borderColor="green"
}
}
setInterval("flashit()", speed)
//-->
</script>

Dormiluno Blog ¿Muy interesante?

Las partes que podemos modificar del código son:
-El ancho width (señalado de color rojo)
-Los colores de los bordes (señalado de color rojo)
-Y el texto que va en el interior del marco (señalado de color verde)
Encontrareis más códigos con diferentes efectos para vuestro blog en:
http://www.dynamicdrive.com/
Nota:
El código no funciona bien con algunos navegadores. Funciona correctamente con el Explorer y Mozilla Firefox.

Compartir