htc 简单的移动效果
转载请注明来源:https://www.cnblogs.com/hookjc/
1、创建 HTC 文件的架构。一个标准的 HTC 文件含有一个 SCRIPT 块和一对可选的 COMPONENT 标记。
<PUBLIC:COMPONENT>
<SCRIPT>
</SCRIPT>
</PUBLIC:COMPONENT>
2、写一个可执行的脚本。
在下面的代码中,ATTACH 被用于设置 HTC 接收元素在 onmouseover 和 onmouseout 事件被触发的消息。它通知 HTC 通过切换颜色来体现鼠标滑过元素时的加亮效果。
<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="Hilite()" />
<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="Restore()" />
<SCRIPT LANGUAGE="JScript">
var normalColor, normalSpacing;
function Hilite()
{
// save original values
normalColor = runtimeStyle.color;
normalSpacing= runtimeStyle.letterSpacing;
runtimeStyle.color = "red";
runtimeStyle.letterSpacing = 2;
}
function Restore()
{
// restore original values
runtimeStyle.color = normalColor;
runtimeStyle.letterSpacing = normalSpacing;
}
</SCRIPT>
</PUBLIC:COMPONENT>
注意:您可以直接使用属性、方法或者是事件的名称来访问它们,并不需要在前面加上 element 的前缀。在前面的例子中我们注意到在切换颜色时我们直接调用了 runtimeStyle ,而不是使用 element.runtimeStyle。
3、一旦执行,这个 HTC 就能在网页中应用来达到鼠标滑过加亮的效果。
<HEAD>
<STYLE>
LI {behavior:url(hilite.htc)}
</STYLE>
</HEAD>
<P>Mouse over the two list items below to see this effect.
<UL>
<LI>HTML Authoring</LI>
<LI>Dynamic HTML</LI>
</UL>
来源:python脚本自动迁移
最新文章
- 使用google 语言 api 来实现整个网站的翻译
- BootStrap 杂记
- 应聘.net开发工程师常见的面试题(一)(转载)
- JavaWeb限流QPS简易框架
- html5 canvas 画hello ketty
- eclipse java快捷模板 快捷键大全
- 最简单的视频编码器:基于libx265(编码YUV为H.265)
- MySQL注入与防御(排版清晰内容有条理)
- 利用python将mysql中的数据导入excel
- [原创]基于Zynq AXI-GPIO Standalone &; Linux 例程
- Python 列表&;元组&;字典&;集合
- Delphi之TStrings和TStringLists类
- strut2 的数据验证
- Zabbix的简单使用
- Linux命令Find实例
- JavaScript Object 对象
- ICMP Ping模版实现对客户端网络状态的监控
- Spring Security构建Rest服务-1201-Spring Security OAuth开发APP认证框架之实现服务提供商
- Lucene 分页搜索实现
- Android 为 TextView 添加超链接 (网址,邮件,电话)