最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
如何使用HTC文件来封装CSS样式
时间：2022-07-02 12:50:08 编辑：袖梨 来源：一聚教程网
下面通过创建一个鼠标滑过加亮显示的 HTC 来演示一下创建 HTC 的过程。
1、创建 HTC 文件的架构。一个标准的 HTC 文件含有一个 SCRIPT 块和一对可选的 COMPONENT 标记。
| 代码如下 | 复制代码 |
2、写一个可执行的脚本。
在下面的代码中，ATTACH 被用于设置 HTC 接收元素在 onmouseover 和 onmouseout 事件被触发的消息。它通知 HTC 通过切换颜色来体现鼠标滑过元素时的加亮效果。
| 代码如下 | 复制代码 |
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; } |
|
将上面保存为hilite.htc文件。
注意：您可以直接使用属性、方法或者是事件的名称来访问它们，并不需要在前面加上 element 的前缀。在前面的例子中我们注意到在切换颜色时我们直接调用了 runtimeStyle ，而不是使用 element.runtimeStyle。
3、一旦执行，这个 HTC 就能在网页中应用来达到鼠标滑过加亮的效果。
| 代码如下 | 复制代码 |
| Mouse over the two list items below to see this effect.
|
|
相关文章
- 龙骑士学园宠物获取方法攻略分享 07-02
- 无限暖暖站在巨型画帽鸡上举起相机记住它的模样拍照任务怎么做 07-02
- ps把普通照片处理成时尚杂志封面海报教程 07-02
- 无限暖暖史丢丢大搜寻得闲饮果汁位置一览 07-02
- 知识：交易所买的币放在交易所安全吗？可靠吗？安全可靠的交易所推荐 07-02
- 柴犬币重回100万亿大关；接下来会怎样？ 07-02