下面通過創(chuàng)建一個(gè)鼠標(biāo)滑過加亮顯示的 HTC 來演示一下創(chuàng)建 HTC 的過程。 1、創(chuàng)建 HTC 文件的架構(gòu)。一個(gè)標(biāo)準(zhǔn)的 HTC 文件含有一個(gè) SCRIPT 塊和一對(duì)可選的 COMPONENT 標(biāo)記。
以下是引用片段：
<PUBLIC:COMPONENT>
<SCRIPT>
</SCRIPT>
</PUBLIC:COMPONENT>
2、寫一個(gè)可執(zhí)行的腳本。
在下面的代碼中，ATTACH 被用于設(shè)置 HTC 接收元素在 onmouseover 和 onmouseout 事件被觸發(fā)的消息。它通知 HTC 通過切換顏色來體現(xiàn)鼠標(biāo)滑過元素時(shí)的加亮效果。
以下是引用片段：
<PUBLIC:COMPONENT>
<PUBLIC:ATTACHEVENT="onmouseover"ONEVENT="Hilite()"/>
<PUBLIC:ATTACHEVENT="onmouseout"ONEVENT="Restore()"/>
<SCRIPTLANGUAGE="JScript">
varnormalColor,normalSpacing;
functionHilite()
{
//saveoriginalvalues
normalColor=runtimeStyle.color;
normalSpacing=runtimeStyle.letterSpacing;
runtimeStyle.color="red";
runtimeStyle.letterSpacing=2;
}
functionRestore()
{
//restoreoriginalvalues
runtimeStyle.color=normalColor;
runtimeStyle.letterSpacing=normalSpacing;
}
</SCRIPT>
</PUBLIC:COMPONENT>
將上面保存為hilite.htc文件。
注意：您可以直接使用屬性、方法或者是事件的名稱來訪問它們，并不需要在前面加上 element 的前綴。在前面的例子中我們注意到在切換顏色時(shí)我們直接調(diào)用了 runtimeStyle ，而不是使用 element.runtimeStyle。
3、一旦執(zhí)行，這個(gè) HTC 就能在網(wǎng)頁中應(yīng)用來達(dá)到鼠標(biāo)滑過加亮的效果。
以下是引用片段：
<HEAD>
<STYLE>
LI{behavior:url(hilite.htc)}
</STYLE>
</HEAD>
以下是引用片段：
<P>Mouseoverthetwolistitemsbelowtoseethiseffect.
<UL>
<LI>網(wǎng)頁陶吧</LI>
<LI>homepage.yesky.com</LI>
</UL>