HTC组件学习（如何创建一个HTC组件）

最新推荐文章于 2021-06-09 12:12:36 发布

weixin_33753845

最新推荐文章于 2021-06-09 12:12:36 发布

阅读量109

点赞数

原文链接：http://www.cnblogs.com/ufo0303/archive/2006/08/25/486097.html

版权

本人也是才接触HTC编程，是在无忧上看了游戏人的HTC写的太帅了，因此引发了自己学下HTC的念头。
下面就先来创建一个HTC组件吧。
1、创建 HTC 文件的架构。一个标准的 HTC 文件含有一个 SCRIPT 块和一对可选的 COMPONENT 标记。

<PUBLIC:COMPONENT>
<SCRIPT>
</SCRIPT>
</PUBLIC:COMPONENT>

2、写一个可执行的脚本。
在下面的代码中，ATTACH 被用于设置 HTC 接收元素在 onmouseover 和 onmouseout 事件被触发的消息。它通知 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>

注意：您可以直接使用属性、方法或者是事件的名称来访问它们，并不需要在前面加上 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>HTML Authoring</LI>
<LI>Dynamic HTML</LI>
</UL>

转载于:https://www.cnblogs.com/ufo0303/archive/2006/08/25/486097.html

weixin_33753845

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTC组件学习（如何创建一个HTC组件）

本人也是才接触HTC编程，是在无忧上看了游戏人的HTC写的太帅了，因此引发了自己学下HTC的念头。下面就先来创建一个HTC组件吧。1、创建 HTC 文件的架构。一个标准的 HTC 文件含有一个 SCRIPT 块和一对可选的 COMPONENT 标记。<PUBLIC:COMPONENT><SCRIPT></SCRIPT></PUBLIC:COMPONEN...
复制链接

扫一扫