|
Título: Iluminación de botones con alguna función Publicado por: rolomo en 14 Marzo 2012, 00:31 am 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í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> |