Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/05/2013, 01:45
rafret
 
Fecha de Ingreso: junio-2010
Mensajes: 221
Antigüedad: 14 años, 6 meses
Puntos: 3
otra consulta Jquery

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

Código HTML:
Ver original
  1. <style type="text/css">
  2. #fondo{
  3.     background:yellow;
  4.     border:1px solid #F00;
  5.     height:100px;}
  6.    
  7. body{
  8.     /*background:url(image/isolu.png);*/
  9. }
  10.    </style>
  11. </head>
  12.  
  13.  
  14. <div id="body">hola hoy es martes</div><br><br><br><br>
  15.  
  16. <div id="fondo">yoooooooo</div>
  17. </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