关闭

HTC入门示例(一)

标签: htcbehaviorfunctionhtml测试url
529人阅读 评论(0) 收藏 举报
分类:

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

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:25921次
    • 积分:10
    • 等级:
    • 排名:千里之外
    • 原创:0篇
    • 转载:29篇
    • 译文:0篇
    • 评论:0条
    文章分类
    文章存档