Delicious LinkedIn Facebook Twitter RSS Feed

Cambiar el color de fondo

Ver Ejemplo:

Código script:
<SCRIPT language="JavaScript">
<!--
function get_color(color_num)
{
var now_color=color_num;

var my_color= new Array(6)
my_color[0]="lime";
my_color[1]="orange";
my_color[2]="lightblue";
my_color[3]="pink";
my_color[4]="white";
my_color[5]="BLACK";
document.bgColor=my_color[now_color];
}
//-->
</SCRIPT>

Código de botones:
<FORM>
<INPUT type="button" value="Lima" onClick="get_color(0)">
<INPUT type="button" value="Naranja" onClick="get_color(1)">
<INPUT type="button" value="Celeste" onClick="get_color(2)"></br>
<INPUT type="button" value="Rosa" onClick="get_color(3)">
<INPUT type="button" value="Blanco" onClick="get_color(4)">
<INPUT type="button" value="Negro" onClick="get_color(5)">
</FORM>

En body del CSS no puede tener una imagen.
Los botones se pueden poner en el sidebar.
Se puede cambiar, quitar o agregar mas colores.

En lugar de botones se pueden poner imágenes:
<input type="image" src="http://URL/img.gif" onClick="get_color(0)">

0 comments:

Post a Comment