¡Hola!
Después de tanto tiempo conociendo este foro nunca pensé que acabaría registrándome y pidiendo ayuda, ya que siempre he encontrado -por un lado o por otro- la solución a mis dudas...
...pero esta vez no es el caso
así que espero que puedan ayudarme.
Como el título dice, quiero cambiar el estilo de un div al dar clic en un enlace determinado (para ser exactos, quiero cambiar su color de fondo). Sé que eso es sencillo... lo que no sé es cómo hacerlo por tiempo limitado.
Para ser más exactos, quiero que al dar clic en
ese enlace, el color de fondo pase de ser
negro a ser
rojo (por decir algo), y que ese cambio dure UN segundo; y una vez pasado ese segundo, vuelva a la normalidad con una animación que dure cierto tiempo (ej. 2, 3, 4 segundos).
Por si suena enredadizo, les cito un ejemplo: en YouTube, cuando entras a tu canal, la barra de herramientas es azul, y animadamente se vuelve semi-blanca. Algo así es lo que busco.
EDIT: aquí les pongo el fragmento de código (ubicado en YouTube) que hace posible el efecto que busco...
Código Javascript
:
Ver original<script>
(function() {
var el = _gel('edit_controls');
var duration = 2;
animateProperty(el, el.style,
'backgroundColor', '#cee3ff', '#efefef', 1, duration,
'rgb6', 'linear');
})();
</script>
La cosa es que no tengo ni idea de cómo hacerlo funcionar
