SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Dhtml
Code

Dhtml - Celdas con colores diferentes al paso del mouse

Códigos Dhtml

El ejemplo muestra una tabla con varias celdas en un color predefinido, pero al pasar el raton o mouse ( onmouseover ) esta cambia de color, pero al retirar elmouse vuelve a su color natural. Cada tabla tiene un color diferente al pasar el raton
Visitas: 20,616 - 17/06/2004 1:39:16
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


<!-- Codigo ofrecido por Tutores.org -->

  1. <div align="center">
  2.   <center>
  3.     <table border="2" cellpadding="0" cellspacing="0" width="200" height="40" bgcolor="#990000">
  4.       <tr>
  5.         <TD onmouseover="bgColor='green'" onmouseout="bgColor='#990000'" vAlign=center align=middle width=117 height=12>
  6.           <DIV align=left>
  7.             <p align="center"><b><font color="#FFFFFF" size="4" face="Verdana">Scripts</font></b>
  8.           </div></td>
  9.         <TD onmouseover="bgColor='blue'" onmouseout="bgColor='#990000'" vAlign=center align=middle width=117 height=12> <DIV align=left>
  10.         </td>
  11.       </tr>
  12.       <tr>
  13.         <TD onmouseover="bgColor='#FFFF00'" onmouseout="bgColor='#990000'" vAlign=center align=middle height=12>
  14.           <DIV align=left> </div></td>
  15.         <TD onmouseover="bgColor='orange'" style="CURSOR: hand"
  16.    onmouseout="bgColor='#990000'" vAlign=center align=middle height=12> <DIV align=left>
  17.             <p align="center"><b><font color="#FFFFFF" size="4" face="Verdana">Codigos</font></b>
  18.           </div></td>
  19.       </tr>
  20.       <tr>
  21.         <TD onmouseover="bgColor='brown'" onmouseout="bgColor='#990000'" vAlign=center align=middle width=117 height=12>
  22.           <div align="center"><b><font color="#FFFFFF" size="4" face="Verdana">Foros</font></b>
  23.           </div></td>
  24.         <TD onmouseover="bgColor='pink'" style="CURSOR: hand"
  25.    onmouseout="bgColor='#990000'" vAlign=center align=middle width=117 height=12>
  26.           <DIV align=left>
  27.             <p align="center"><b></b>
  28.           </div></td>
  29.       </tr>
  30.     </table>
  31.   </center>
  32. </div>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Celdas con colores diferentes al paso del mouse" href="http://www.tutores.org/codigo/1139/" target="_blank">Celdas con colores diferentes al paso del mouse</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Aun no existe ningun comentario para este Codigo.
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad

Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado
Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.