Ver Mensaje Individual
  #4 (permalink)  
Antiguo 07/05/2012, 23:35
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 4 meses
Puntos: 1567
Respuesta: Como crear una clase de estilos con jQuery?

y que es lo que te estoy diciendo ?
removeClass() y addClass()
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  7.  
  8. <style type="text/css">
  9. /*<![CDATA[*/
  10.  
  11. .sobre{
  12. background-color: lime;
  13. width: 200px;
  14. height: 300px;
  15. }
  16. .negro{
  17. background-color: #000;
  18. color: #FFF;
  19. width: 200px;
  20. height: 200px;
  21. border: none;
  22. }
  23. /*]]>*/
  24. </head>
  25. <div id="menu">
  26. <button class="sobre">enviar</button>
  27. </div>
  28.  
  29. <script type="text/javascript">
  30. //<![CDATA[
  31. $(document).ready(function(){
  32.     $("button").mouseover(function() {
  33.         $(this).addClass("sobre").removeClass("negro");
  34.     });
  35.     $("button").mouseleave(function() {
  36.         $(this).removeClass("sobre").addClass("negro");
  37.     });
  38.  
  39. });
  40. //]]>
  41. </body>
  42. </html>

consultá la documentación al menos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.