初探 HTML 组件 - 创建一个 HTC

涼嫣很凉丶

涼嫣很凉丶

2016-02-19 21:36

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享初探 HTML 组件 - 创建一个 HTC吧。

  下面通过创建一个鼠标滑过加亮显示的 HTC 来演示一下创建 HTC 的过程。 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;

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

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 就能在网页中应用来达到鼠标滑过加亮的效果。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

HEAD
STYLE
LI {behavior:url(hilite.htc)}
/STYLE
/HEAD

PMouse over the two list items below to see this effect.
UL
LIHTML Authoring/LI
LIDynamic HTML/LI
/UL

展开更多 50%)
分享

猜你喜欢

初探 HTML 组件 - 创建一个 HTC

Web开发
初探 HTML 组件 - 创建一个 HTC

初探 HTML 组件 - HTC 概述

Html CSS布局 Div+CSS XHTML
初探 HTML 组件 - HTC 概述

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML组件之:CALENDAR HTC

Html CSS布局 Div+CSS XHTML
HTML组件之:CALENDAR HTC

初探 HTML 组件 - 定义事件

Web开发
初探 HTML 组件 - 定义事件

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

初探 HTML 组件 - 定义方法

Web开发
初探 HTML 组件 - 定义方法

HTML组件之:HTML行为和HTC行为

Html CSS布局 Div+CSS XHTML
HTML组件之:HTML行为和HTC行为

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

实例教程:Java Socket编程的一个秘密类

实例教程:Java Socket编程的一个秘密类

拼音声调怎么打?Word2010轻松解决

拼音声调怎么打?Word2010轻松解决
下拉加载更多内容 ↓