[SOLUCIONADO] Cambiar Background-color

psd_atack · #1 (**permalink**) 13/03/2013, 15:22

Hola amigos del foro. Tengo el siguiente codigo

Código HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#Cuadro
{
	width:80px;
	height:30px;
	background-color: black;
	color:White;
}

</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript" >
    $(document).ready(function () {
        $("#Cuadro").mouseover(function () {
            $(this).animate({ width: 0 });
            var color = $('#Cuadro').css('width');
            if (color == "80px") {
                $(this).animate({ backgroundColor: 'White' , width: 110 });
                document.getElementById('Cuadro').innerHTML = "Nuevo menu";
            }
        });

        $("#Cuadro").mouseout(function(){
            $(this).animate({ width: 80 });
            var color = $('#Cuadro').css('width');
            if (color == "110px") {
                
                document.getElementById('Cuadro').innerHTML = "Menu 1";
            }
        });
    }); 
</script>
</head>
<body>
<div id="Cuadro">Menu 1</div>
</body>
</html>

El problema que tengo es que cuando intento que cambie el color de fondo no lo hace. solo modifica el width, n ose que estoy haciendo mal, espero me puedan ayudar

Rosencrantz · #2 (**permalink**) 13/03/2013, 16:57

es background-color no backgroundColor como lo tienes ahi, creo :P si es la propiedad css

psd_atack · #3 (**permalink**) 13/03/2013, 19:57

Lo he intentado ya asi.
Lo puse junto(backgroundColor) porque por hay lo mire en un foro. tambien lei que para modificar el color en jquery necesito un plugin. no se si alguien sepa de esto

emprear · #4 (**permalink**) 13/03/2013, 21:50

Cita:

Iniciado por psd_atack

Lo he intentado ya asi.
Lo puse junto(backgroundColor) porque por hay lo mire en un foro. tambien lei que para modificar el color en jquery necesito un plugin. no se si alguien sepa de esto

El plugin que necesitás es este
https://github.com/jquery/jquery-color

ó a lo mejor simplemente con esto te basta

Código Javascript:

Ver originalif (color == "80px") {
                $(this).css("background","red");
              $(this).animate({width: 110 });
                document.getElementById('Cuadro').innerHTML = "Nuevo menu";
            }

aunque tu efecto me parece un poco confuso

SAludos

psd_atack · #5 (**permalink**) 14/03/2013, 08:52

Muchas Gracias tu ayuda me sirvio. El efecto tal vez si es un poco confuso, pero todavia no lo acabo.
De todas maneras gracias por la ayuda!