Tema: Cambiar tamaño de capa con onmouseover
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 18/02/2011, 15:23
omarMusic
 
Fecha de Ingreso: febrero-2011
Ubicación: Evolandia
Mensajes: 103
Antigüedad: 13 años, 10 meses
Puntos: 10
Respuesta: Cambiar tamaño de capa con onmouseover
Que raro a mi me funciona perfecto en firefox, si es mi navegador predeterminado, talvez por la versión yo estoy con la 3.6.13.

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4.     function cambiar(){
  5.         var capa = document.getElementById("capa");
  6.         capa.style.width="600px";
  7.         capa.style.height="120px";
  8.         capa.style.fontSize="10pt";
  9.     }
  10. </script>
  11. <style type="text/css">
  12.     .capa { position: absolute;
  13.         top: 100px;
  14.         left: 150px;
  15.         width: 300px;
  16.         height: 60px;
  17.         background-color: orange;
  18.         color: blue;
  19.         font-family: arial;
  20.         font-size: 12pt;
  21.         border-style: solid;
  22.         border-color: black;
  23.         border-width: 2px;
  24.     }
  25. </style>
  26. </head>
  27. <body>
  28.     <div id="capa" class="capa" onmouseover="cambiar()">CONTENIDO DE LA CAPA</div>
  29. </body>
  30. </html>

Saludos!