Sabtu, 23 Agustus 2025

HTML Component Sample 2

 


File : hilite.htc

<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="Hilite()" />
<PUBLIC:ATTACH EVENT="onmouseout"  ONEVENT="Restore()" />
<SCRIPT LANGUAGE="JScript">
   var normalColor, normalSpacing;

   function Hilite()
   {
     // save original values
     normalColor  = runtimeStyle.color;
     normalSpacing= runtimeStyle.letterSpacing;

     runtimeStyle.color  = "red";
     runtimeStyle.letterSpacing = 2;
   }

   function Restore()
   {
     // restore original values
     runtimeStyle.color  = normalColor;
     runtimeStyle.letterSpacing = normalSpacing;
   }
</SCRIPT>
</PUBLIC:COMPONENT>


===============================

File : hilite.html

<html>

<HEAD>

<STYLE>

.HILITE { behavior:url(hilite.htc) }

</STYLE>

</HEAD>


<BODY>

<UL>

  <LI CLASS="HILITE">HTML Authoring</LI>

  <LI CLASS="HILITE">Dynamic HTML</LI>

</UL>

</BODY>

</html>

Tidak ada komentar: