Demo Dynamic HTML - Efectos varios en el texto

Efectos varios en el texto

Compatibilidad: Ms Internet Explorer

Cuatro efectos diversos en el texto normal. No dejes de verlo.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Demo Dynamic HTML: ejemplo práctico </TITLE>

<SCRIPT FOR="document" EVENT="onclick()" LANGUAGE="JavaScript">
         // The click event is fired on the document regardless of
         // where the user clicks.
         // The style property gives access to the inline style.
         var curElement = event.srcElement;
         if ("F123" == curElement.id.toUpperCase()) {
            // Toggle element color between red and blue.
            if ("red" == curElement.style.color) 
               curElement.style.color = "blue";
            else
               curElement.style.color = "red";
         }
         if ("COOLSTUFF" == curElement.className.toUpperCase()) {
            // Make text bigger or smaller when clicked.
            if ("" == curElement.style.fontSize) 
               curElement.style.fontSize = "150%";
            else
               curElement.style.fontSize = "";
         }
         if ("H1" == curElement.tagName) {
            // Toggle the header between centered and left-aligned.
            if ("center" == curElement.align) 
               curElement.align = "";
            else
               curElement.align = "center";
         }
      </SCRIPT>

</HEAD>

<H1>Haz clic aquí para probar</H1>

<P ID="f123" STYLE="color:red">
         Haz clic aquí para probar.</P>

<P>Haz clic aquí para
         <STRONG CLASS="coolstuff">probar.</STRONG>
      </P>
      <H1 CLASS="coolstuff">
         Haz clic aquí para probar.
      </H1>

</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]