otra consulta Jquery

rafret · #1 (**permalink**) 10/05/2013, 01:45

hola tengo una nueva consulta espero alguie me pueda ayudar:
tengo:

Código HTML:

Ver original<style type="text/css">
#fondo{
    background:yellow;
    border:1px solid #F00;
    height:100px;}
    
body{
    /*background:url(image/isolu.png);*/
}
   </style>
</head>
 
<body>
 
<div id="body">hola hoy es martes</div><br><br><br><br>
 
<div id="fondo">yoooooooo</div>
</body>

[HIGHLIGHT="Javascript"]var x;
x=$(document);
x.ready(inicializar);

function inicializar(){
var x;
x=$("#body");
x.click(animar);
}
function animar(){
var x;
x=$("#fondo");
x.animate({background:"green"},"slow");
x.animate({width:500},"slow");
x.animate({height:500},"slow");
}
[/HIGHLIGHT

Mi problema es que no logro que cambie el background - no se si escribi mal el codigo java x.animate({background:"green"},"slow"); -, mi intencion final seria definir una imagen en css para el background y hacer que esta se desvanesca

alberto510a · #2 (**permalink**) 10/05/2013, 09:58

Hola para hacer animaciones de colores necesitas este plugin sino no podrás:

http://www.bitstorm.org/jquery/color-animation/

Saludos.