Ayuda HTML y jquery para un cuadrado
Publicado por Javier (2 intervenciones) el 23/04/2015 23:33:03
Buenas tardes, espeor me ayuden. Cada vez que se pulse el botón de cambiar color, debe de cambiar el color del cuadrado de los que tengo declarados, pero el problema es que cuando lo pulso, cambia todos los colores, y debe ser de a uno por uno pero cada vez que yo de clic, y no todo de un jalón. Gracias.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="http://code.jquery.com/color/jquery.color.plus-names-2.1.2.js"></script>
<script>
$(document).ready(function () {
$("button").click(function () {
var div = $("div");
div.animate({backgroundColor: purple });
div.animate({backgroundColor: yellow });
div.animate({backgroundColor: black });
div.animate({backgroundColor: blue });
div.animate({backgroundColor: red });
});
});
</script>
</head>
<body>
<button>Start Animation</button>
<div style="background:#F01818;height:100px;width:100px;position:absolute;">
</div>
</body>
</html>
Valora esta pregunta
0
