初探 HTML 组件 - 定义方法

2016-02-19 21:36 5 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐初探 HTML 组件 - 定义方法,无聊中的都看过来。

【 tulaoshi.com - Web开发 】

  我们可以使用 PUBLIC:METHOD 元素来定义 HTC 的方法集,如下例所示:

PUBLIC:METHOD NAME="startFlying" /

  当我们定义了一个方法后,我们就可以在 HTC 中直接来调用它。请看下面的例子:

PUBLIC:METHOD NAME="tick" /
PUBLIC:METHOD NAME="startFlying" /
:
SCRIPT LANGUAGE="JScript"
var currCount;
var flyCount;
var flying;
var msecs;

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

var oTop, oLeft;
msecs = 50;
flyCount = 20;
flying = false;

runtimeStyle.position = "relative";
runtimeStyle.visibility = "hidden";

window.attachEvent("onload", onload);

function onload()
{
// delay commences from the window.onLoad event
if (delay != "none")
{
window.setTimeout(uniqueID+".tick()", delay);
}
}

function tick()
{
if (flying == false)
{
startFlying();
}
else
{
doFly();
}
}

function startFlying()
{
if (fromX==null && fromY==null)
{
if (from=="top")
{
runtimeStyle.posTop = -offsetTop-offsetHeight;
}
else if (from=="bottom")
{
runtimeStyle.posTop = element.document.body.clientHeight;
}
else if (from=="right" )
{
runtimeStyle.posLeft = element.document.body.clientWidth;
}
else
{
runtimeStyle.posLeft = -offsetLeft-offsetWidth;
}
}
else
{
runtimeStyle.posTop = fromY;
runtimeStyle.posLeft = fromX;
}

runtimeStyle.visibility = "visible";
flying = true;

oTop = runtimeStyle.posTop;
oLeft = runtimeStyle.posLeft;

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

currCount = 0;
doFly();
}

function doFly()
{
var dt, dl;

currCount++;
dt = oTop / flyCount;
dl = oLeft / flyCount;

runtimeStyle.posTop -= dt;
runtimeStyle.posLeft -= dl;

if (currCount flyCount)
{
window.setTimeout(uniqueID+".tick();", msecs);
}
else
{
runtimeStyle.posTop = 0;
runtimeStyle.posLeft = 0;
flying = false;
evObj = createEventObject();
evObj.setAttribute("resulty", uniqueID);
finished.fire(evObj);
}
}
/SCRIPT

来源:http://www.tulaoshi.com/n/20160219/1626641.html

延伸阅读
  ===CALENDAR HTC=== <HEAD <?IMPORT NAMESPACE="ANYDAY" IMPLEMENTATION="day.htc"/ <?IMPORT NAMESPACE="TODAY" IMPLEMENTATION="today.htc"/ <PUBLIC:COMPONENT tagName="CALENDAR" <ATTACH EVENT="oncontentready" ONEVENT="fnInit()"/ </PUBLIC:COMPONENT <SCRIPT LANGUAGE="JavaScript" <!-- functio...
  HTML 组件(HTML COMPONENTS)是IE5。0的主要扩展之一,其也最具革命性,微软的意图是用HTML组件来取代ACTIVEX控件,和ACTIVE控件一样,HTML组件是自持续封闭对象,可以一次开发任意使用,使用HTML组件有很多好处,本文将给您揭示其中的一些! HTML组件带入了很多新的术语、思想、对象、方法和属性,我将通过一个日历应用给您接受...
  ANYDAY组件定义在day,htc中,该组件是日历单元的一个封装。组件的名字是由定义在第一行的XML命名空间决定的。 <HTML XMLNS:ANYDAY 正如canlenar.htc一样,你只有一个命名空间定义,原因是在该页不用调用其他的HTC,也就是说该HCT是叶子HTC,在这里我们定义的自定义标签是DAY,同样我们也定义它的行为,实际上,HTML组件...
  ===TODAY HTC=== <HEAD <PUBLIC:COMPONENT tagName="DAY" <PROPERTY NAME="value"</PROPERTY <ATTACH EVENT="oncontentready" ONEVENT="fnInit()"</ATTACH </PUBLIC:COMPONENT <STYLE .clsDay { width:50; height:50; background-color: pink; align:center; text-align:right; } </STYLE <SCRIPT L...
  ===最顶级页面=== 现在我们将我们注视的焦点转向我们的日历应用例子,该应用包括4个不同页面,canlendar.html为最顶级HTML文档,该页包含了calendar.htc HTC,而canlendar.htc有反过来包含两个别的HTC:day.htc和today.htc,calendar.html 内容如下: <HTML XMLNS:MYCAL <HEAD <TITLECalendar Example</TITLE ...

经验教程

544

收藏

12
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部