JAVASCRIPT - Tablas dinámicas

HTMLpoint.com

Tablas dinámicas

Compatibilidad: Ms Internet Explorer, Netscape
Texto dentro de tablas de colores que, si se activa, genera efectos gráficos.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<HTML>
<HEAD>

<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE>

</HEAD>

<BODY bgcolor="white">

<style>
.Item {
   cursor: hand;
   font-family: verdana; 
   font-size: 20;
   font-style: normal;
   background-color: blue;
   color: white
 }
.Highlight {
   cursor: hand; 
   font-family: verdana;
   font-size: 20;
   font-style: italic;
   background-color: white;
   color: blue
 }
</style>
<div id=Rollover>
<span class=Item>HTML</span>
<span class=Item>point</span>
<span class=Item>recursos</span>
<span class=Item>para</span>
<span class=Item>páginas</span>
<span class=Item>web</span>
<span class=Item>!!!!</span>
</div>
<script>
function rollon() {
  if (window.event.srcElement.className == "Item") {
     window.event.srcElement.className = "Highlight";
  }
} 
  
Rollover.onmouseover = rollon;
  
function rolloff() {
  if (window.event.srcElement.className == "Highlight") {
     window.event.srcElement.className = "Item";
  }
} 
  
Rollover.onmouseout = rolloff;
</script>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]