下面通過建立一個滑鼠滑過加亮顯示的 HTC 來示範一下建立 HTC 的過程。 1、建立 HTC 檔案的架構。一個标準的 HTC 檔案含有一個 SCRIPT 塊和一對可選的 COMPONENT 标記。
<PUBLIC:COMPONENT>
<SCRIPT>
</SCRIPT>
</PUBLIC:COMPONENT>
2、寫一個可執行的腳本。
在下面的代碼中，ATTACH 被用于設定 HTC 接收元素在 onmouseover 和 onmouseout 事件被觸發的消息。它通知 HTC 通過切換顔色來展現滑鼠滑過元素時的加亮效果。
<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;
将上面儲存為hilite.htc檔案。
注意：您可以直接使用屬性、方法或者是事件的名稱來通路它們，并不需要在前面加上 element 的字首。在前面的例子中我們注意到在切換顔色時我們直接調用了 runtimeStyle ，而不是使用 element.runtimeStyle。
3、一旦執行，這個 HTC 就能在網頁中應用來達到滑鼠滑過加亮的效果。
<HEAD>
<STYLE>
LI {behavior:url(hilite.htc)}
</STYLE>
</HEAD>
<P>Mouse over the two list items below to see this effect.
<UL>
<LI>中國站長站</LI>
<LI>www.chinaz.com</LI>
</UL>
本文轉自快樂就好部落格園部落格，原文連結：http://www.cnblogs.com/happyday56/archive/2007/11/09/953994.html，如需轉載請自行聯系原作者
![一位經驗豐富的前端開發人員因未能通過算法面試題而受人嘲笑[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)