了解DHTML行为成分
行为作为一种简单易用,它封装了特定的功能或作用的网页。当动作连接到网页中的元素的一个组成部分,改变原来的行为。因此,网页程序员可以开发一般的DHTML指令,改变原物体的一些属性,增强行动的对象的功能,又简化了页面的HTML代码。此外,创建和使用行为也非常简单方便,和所需的知识仅仅是CSS样式表,用于使用HTML和Javascript脚本语言的指令。只要你知道它,你经历过的实际编程经验,学习和掌握行为使用AB性质完全没有问题。我们将以实例更改字体效果来说明如何编写和使用一个动作,并体验行为带来的优势和便利的网页编辑。
首先,创建一个新的文本文件称为font_efftce.htc。构成行为的文件都to.htc扩展。此文件中的内容是我们对该行为的描述:
(1)首先,将一些事件响应添加到行为中,语句的形式如下所示:
事件对应于所需的事件名。这里有四个名字:onmouseover、onmouseout事件,鼠标和onmouseup。你可以满足你的特殊needs.onevent添加其他事件名称对应一个自动事件句柄,函数名调用的事件触发时,glowit()函数创建的字体红色辉光,noglow()的功能是消除字体辉光效果的font2yellow()函数。更改字体颜色为黄色,font2blue()函数是改变字体颜色为蓝色,四事件的定义都是一样的。
(2)下一步,为这一行为添加两种定义方法,内容如下。
名称参数对应于一个给定的方法name.move_down和move_right是函数名对应的下行和正确的运动方法。注意在方法名称的后面,不带括号(),就是不写move_down(),这是不是在方法定义的语法允许。
(3)下一步工作是用Javascript脚本语句在熟悉DHTML环境编写事件处理程序和相应的功能内容,达到了预期的效果。具体内容参见下面的源程序,元件参数是指依附于行为的对象,因为行为总是连接到页面组件和通过这个元素发挥作用。其他陈述是DHTML的规划内容,并没有更多的。如果有什么不明,IE的内容可以在MSDN的开发文档引用。有详细的DHTML编程参考内容,属性和方法使用说明等,并含有大量的文章和实例。经常访问MSDN文档,尤其对于初学者来说,是学习的好习惯。你几乎可以得到任何你想要的答案。
完整的行为font_effect.htc文件内容如下:
文件的开始文件中。
四增加鼠标事件到行为
这两种方法的定义是用来进行的。
定义一个可变字体颜色保存
无功font_color;
文本向下移动的定义
move_down()函数
{
元。风格。术+ = 2;
}
移动到正确的文本方法定义
move_right()函数
{
element.style.posleft + = 6;
}
/ /调用函数定义鼠标onmouseup事件
功能font2blue(){
如果(event.srcelement =元)
{
元。风格。颜色= '蓝色';
}
}
/ /调用函数定义鼠标按下鼠标事件
功能font2yellow(){
如果(event.srcelement =元)
{
元。风格。颜色=';
}
}
/ /调用函数定义鼠标onmouseover事件
glowit()函数
{
如果(event.srcelement =元)
{
font_color = style.color;
元。风格。颜色为白色;
元素样式筛选器辉光(颜色=红色,强度= 2);
}
}
/ /调用函数定义鼠标onmouseout事件
noglow()函数
{
如果(event.srcelement =元)
{
样式筛选器;
元。风格。颜色= font_color;
}
}
文件结尾处
(4)如何在页面上使用行为
行为在页面中使用一种不需要学习新的知识。知识是CSS样式表的设置和HTML。请看下面的语句。
。myfilter {行为:URL(font_effect。HTC);位置:相对;font-weight: bold;宽度= 180;左:0;}
你可以看到,这是完全一样的样式表设置我们以前认识的。上面的语句定义了一个名字:myfilter风格,这是我们比较新的:行为:URL(font_effect。HTC);行为是新的行为属性的名字,这是在样式表中设置的行为方式。括号中的是文档内容行为的文件名,在这种情况下,表明在相同的目录中的网页和文件的行为,如果放在其他目录中的文件,在这个参数前面加上相应的路径名,以确保能正确定位文件的行为的位置。在这种风格的其他内容是共同设置的样式属性,可以增加或减少协议根据你的需要,但在这种情况下,辉光滤镜效果的使用,至少设置一个宽度(宽度)属性。通过指定方式上面,我们有一种叫做myfilter,它配备了一个行为,改变字体的效果。如果你想使用这种风格的依恋行为一个页面元素,它也很简单。如果将此样式名放置在组件的属性设置区域中,请参见以下语句。
行为的字面效果
鼠标点后发光
在上述声明中没有什么新的,与类= 'myfilter'is风格,我们都很熟悉。一个ID标签也在第一跨标签的属性定义,将看到,这是一套在调用行为的方法证明。在这之后,在跨单元内容可以在行为上表现出预定的效果:
当1。鼠标指针移动到文本内容,文本周围有一个红色辉光效果,文本变成白色。
2。当按下鼠标按钮时,文本的颜色被改为黄色。
当3。鼠标按钮被抬起,文本的颜色被改为蓝色。
4。当鼠标指针移动到文本区域时,红色辉光效应被移除,文本被恢复到原来的示例。
此外,我们建立了两种方法定义的行为,move_down和move_right.to调用这两个方法,定义了两个按钮:
把第一行移到右边
向下移动文本的第一行
这两种方法都是通过按钮的onclick事件调用。先前定义的ID标签作为组件对象名称,是通过myspan.move_down操纵对象。你可以看到,按下相应的按钮后,第一行的文本将向下或向右。虽然只是在第一行,示威,事实上,你可以移动其他的对象,只要你做相应的设置。网页的源文件的完整内容如下:
行为效果演示
。myfilter {行为:URL(font_effect。HTC);位置:相对;font-weight: bold;宽度= 180;左:0;}
行为的字面效果
鼠标点后发光
同时文本是白色的。
按压鼠标后文本变黄
鼠标抬起后,文字变成蓝色。
鼠标离开后,文本会恢复到原来的状态。
把第一行移到右边
向下移动文本的第一行
通过以上的介绍,我们可以看到,我们可以很容易地结合多种文本变化的影响在一个行为,并将它们连接到页面元素的任意简单的样式设置,具有的优势和强大的功能行为。行动不仅可以用在一个页面上的所有页面上也一样网站。试想,如果你不使用行为来完成的效果,虽然你可以在网页内的一组预定的功能来完成相同的功能,但在每个文本的影响元素的使用页面添加到四鼠标事件,如果你使用相同的作用于多个页面,调用的函数也需要重复设置每一页。相比之下,更明显我们。所以,使用行为,你可以简单、高效、通用、易维护的页面。这个例子只是和使用过程中的行为的准备,使读者能有编程的行为有一个大致的了解,然后做出自己想要的行为,或直接引用来满足现有的行为个人的需要,因为共享行为的概念是心灵的发展。最后,本文愿发挥读者进入精彩的DHTML网页编程世界的目的。