Cambiar automaticamente estilos de css

[Oscar_Hidro]

Hola que tal foreros. Vengo con una pregunta que me ha surgido ahora que estoy planenando el diseño de una pagina web. La cuestión es relativamente sencilla. Quiero que en algunos puntos de la pagina principal, me cambie los colores de los titulos de manera automatica. Es decir, tendre mis estilos de css para los titulos, pero quiero que me los cambie automaticamente despues de algunos segundos, para darle mayor vista. Esto es posible? Y si si lo es(que estoy seguro que se puede), que dinamica procedimiento me recomiendan hacer. Estoy iniciandome en js o jquery, asi que mas o menos quiero ver a que me enfoco para poder desarrarlo.

Saludos!!!

[Artificium]

Puedes usar esta librería:

http://www.scriptiny.com/2008/05/jav...fading-script/


En JavaScript tendrías que hacer algo así:

Código:

window.onload = function() {
    window.setTimeout(cambiaColor, 3000); // 3 segundos después de cargada la página
}

function cambiaColor() {
   colorFade ....  // aquí ya usas la librería
}

Así de fácil, el problema está en que a cada título tendrías que ponerle un ID y hacerle el cambio de color por separado. Espero que te sirva.

[IsaBelM]

es mas sencillo que eso

un array con los colores, getElementsByTagName(), un temporizador (setTimeout o setInterval). recorres la colección y cambias el color

[Oscar_Hidro]

@IsaBelM @Artificium, gracias a ambos por sus aportes. Saludos a los dos

[Aijoona]

Lo ideal sería que el cambio en lo programatico sea lo menor posible, mi consejo, tene ambos estilos en css y cambia la clase del body.

Digamos:

Código CSS:

body h1 {
  color: #f00;
}
 
body .articulo h1 {
  color: #f55;
}
 
body.resaltado h1 {
  color: #0f0;
}
 
body.resaltado .articulo h1 {
  color: #5f5;
}
 

Luego, cambiando la clase del body por JS lo tenés resuelto de la forma menos invasiva posible.