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。
扫一扫
1528
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
