HTC入门示例(一)

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

阅读更多
个人分类: HTML/CSS
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

HTC入门示例(一)

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭