HTC入门示例(一)

来源:互联网 发布:c语言 chm 编辑:程序博客网 时间:2024/05/19 22:24

<!--***************style.htc**************************-->

<!--***************Demo1.html**************************-->

这是一个通过元素名来触发Behavior的示例,也是最简单的一个示例。注意在Demo1.html中的<style>中间的li。有兴趣的朋友可以再增加几个鼠标事件onmousedown和onmouseup。

 

<html>
<head>
<style>
li{behavior:url(style.htc)}
</style>

</head>
<body>
<p>这是一个测试</P>
<li>这是一个可以</li>
<li>在鼠标滑过加亮的效果</li>
</body>
</html>

 

<PUBLIC:COMPONENT>
<public:attach event="onmouseover" onevent="hilite()"/>
<public:attach event="onmouseout" onevent="restore()"/>

<SCRIPT language="JScript">
var nomalColor,normalSpacing
function hilite()
{
 normalColor=runtimeStyle.color;
 normalSpacing=runtimeStyle.letterSpacting;
 runtimeStyle.color="red";
 runtimeStyle.letterSpacting="2";
}
function restore()
{
 runtimeStyle.color=normalColor;
 runtimeStyle.leterSpacing=normalSpacing;
}
</SCRIPT>
</PUBLIC:COMPONENT>