在微软IE5.0版本的浏览器发布以前,网页编程中面对的最大挑战就是不能轻易地创建组件,以达到代码重用和多页面共享的目的。这个问题一直困扰着DHTML(动态HEML)的网页编程者。他们只能不断地重复书写HTML、CSS和javascript的代码,以满足多个页面上的重复或相似的功能。自IE5.0浏览器发布后,这种情况得到了改善,它带给我们一个新的指令组合方法,可把实现特定功能的代码封装在一个组件内,从而实现多页面的代码重用,使网页编程进入一个全新的天地。这个新的技术就是我们要谈到的DHTML中的“行为”(Behaviors)。
下面是我做的一个小例子:
font_effect.htc
代码如下:
////////////////////////“行为”文档开始////////////////////////////
//给“行为”增加四个鼠标事件
<PUBLIC:ATTACHEVENT="onmouseover"ONEVENT="glowit()"/>
<PUBLIC:ATTACHEVENT="onmouseout"ONEVENT="noglow()"/>
<PUBLIC:ATTACHEVENT="onmousedown"ONEVENT="font2yellow()"/>
<PUBLIC:ATTACHEVENT="onmouseup"ONEVENT="font2blue()"/>
//给“行为”定义二个方法,注意NAME的值里不能加括号
<PUBLIC:METHODNAME="move_down"/>
<PUBLIC:METHODNAME="move_right"/>
<scriptlanguage="JScript">
//定义一个保存字体颜色的变量
varfont_color;
//定义向下移动文字的方法
functionmove_down()
{
element.style.posTop+=10;
}
//定义向右移动文字的方法
functionmove_right()
{
element.style.posLeft+=10;
}
//定义鼠标onmouseup事件的调用函数
functionfont2blue()
{
if(event.srcElement==element)
{
element.style.color="blue";
}
}
//定义鼠标onmousedown事件的调用函数
functionfont2yellow()
{
if(event.srcElement==element)
{
element.style.color="yellow";
}
}
//定义鼠标onmouseover事件的调用函数
functionglowit()
{
if(event.srcElement==element)