Iluminación de botones con alguna función

Iniciado por rolomo, 14 Marzo 2012, 00:31 AM

0 Miembros y 1 Visitante están viendo este tema.

rolomo

A ver, he empezado un programilla de botones. Que efecto quiero conseguir?
La idea seria que dándole a las flechas "<" o ">" pudieramos avanza o retroceder números, como más o menos ya he hecho. Lo que me gustaría conseguir es que según vaya clickando las flechas para pasar de números los botones de abajo (1,2,3,4) se fueran iluminando, por ejemplo en rojo y apagando en gris, es decir, si hago click en ">" pasaría del 1 al 2, entonces el uno se apagaría y el 2 se encendería...¿Me explico?
No se si es muy complicado o no pero no se ni por donde empezar.
Saludos.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Documento sin t&iacute;tulo</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<script javascript="">
n=1
function animacion(m){
       
   if(m=="p-")n=n+1;}
   if(m=="p+"){n=n-1;}  }

    if(n>4) {n=4}
    if(n<1) {n=1}
</script>
</head>

<body>
<input name="p-" value="<" onclick="animacion('p-')" type="button">
<input name="p+" value=">" onclick="animacion('p+')" type="button">
<br>
<input name="1" value="1"  type="button">
<input name="2" value="2"  type="button">
<input name="3" value="3"  type="button">
<input name="4" value="4"  type="button">

</body>
</html>