HTC入门演示一

HTC入门示例

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

<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>

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

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

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

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


你可能感兴趣的:(HTC入门演示一)