当前位置:首页 > 日记 > 正文

了解DHTML行为成分

了解DHTML行为成分
IE 5发布之前,面对网页编程的最大挑战是不容易的,从而实现代码重用和多页面共享的目的。这个问题一直困扰着DHTML Web程序员(动态HEML)。他们只能不断重复编写HTML,CSS和Javascript代码,以满足重复或多个页面类似的功能。由于IE 5的发布,这种情况已有所改善。它给我们带来了一种新的教学方法的组合,它封装了实现特定功能的代码,从而实现多页面的代码重用,使网页编程进入了一个崭新的世界。这种新技术的是什么我们谈论的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网页编程世界的目的。

相关文章

中国持有的美国国债在5年末8000亿

中国持有的美国国债在5年末8000亿

美国,国债,中国,美元,年末,到5年底,中国持有的美国国债达8015亿美元,以突破8000亿美元,根据美国财政部16日公布的数据。 月,380亿美元的规模增加了一个月,也达到了一个新的高了将近7个月。在这一点上,中国在过去的12个月增加了2947亿美元的美国国…

教你使用傲游启动页面

教你使用傲游启动页面

启动页面,教你,傲游,电脑软件,教你使用傲游启动页面 事实上,互联网是mdash;mdash;找到一些信息,找一些电影,或看信息,看八卦。此外,密切注意无论天气是好是坏的明天,无论是出行方便,检查最近的电影信息,以及是否可以让你的女朋友情人的座位。但是,找…

律师们说,共同收费方法不是强制性的

律师们说,共同收费方法不是强制性的

方法,执行,律师,很难,强制性,10月15日,根据国家版权局发布的《关于电影版权使用费集体征收标准》等公告,律师认为该方法不是强制性的,同时该方法在实施过程中也会遇到困难。 上海大邦律师事务所的知识产权律师游云庭表示,由国家版权局电影著作…

公敌-360次世界大战腾讯隐私战

公敌-360次世界大战腾讯隐私战

腾讯,公敌,世界大战,隐私,电脑软件,两个公敌的隐私战 在周鸿祎的征服(右),这个挑战的目的是使其他互联网企业家生畏的马化腾(左)。(CFP /图) 在网络时代,没有人知道电脑是否在因特网后面。现在,它不仅知道狗是狗,而且知道狗喜欢什么样的骨头。 10月…

nero9免费发布

nero9免费发布

免费发布,电脑软件,2009年7月30日,尼禄正式发布了尼禄9免费版,版本号9.4.12.3,体积只有53mb,这无疑是一个非常好的消息。很明显,尼禄开始采用收费和免费双轨制。 据悉,尼禄9免费版有一个简单的CD - DVD / DVD数据录制和光盘复制功能,但不支持ISO…

谷歌决定终止一批中国代理商招募新

谷歌决定终止一批中国代理商招募新

代理商,中国,电脑软件,华盛顿(记者李斌)昨天,谷歌中国宣布,为了给广告客户提供更好的服务,谷歌已经调整中国的代理渠道最近决定取消一些代理商的代理协议。目前,谷歌正在积极招募新的代理商。 谷歌中国在一份声明中说,谷歌的举动是一个法律合同,规…

用超级大国展现个性和体验激情

用超级大国展现个性和体验激情

激情,超级大国,个性,电脑软件,随着全球化进程的加速和快速发展的经济一体化,中国和世界都达到零距离接触。外语已成为与其他国家的朋友交流必不可少的工具,特别是英语,它已经成为世界上最强大和最通用的语言。它是许多学生说话一口流利纯正的…

微软发布WindowsXP冬季娱乐包{图}

微软发布WindowsXP冬季娱乐包{图}

冬季,微软发布,电脑软件,WindowsXP,承认XP用户的支持和创造良好的为即将到来的圣诞气氛,微软昨天宣布,它已宣布三个新的数字媒体娱乐套餐(娱乐包)的Windows XP系统,娱乐软件包可以让Windows XP完全个性化,帮助用户使用数字照片创建有吸引力的卡,提…

中关村海龙鼎好转型:商店将消除摊位

中关村海龙鼎好转型:商店将消除摊位

商店,经营,鼎好,摊位,电脑软件,昨日,海淀区市政府宣布,今年,龙,鼎好大厦的营业面积将降至50%以下;明年,3万平方米的商业购物中心至少压缩中关村地区。 同时,西部地区禁止进入的格式明确地定义为小企业电子产品、低端服装、低端餐饮等的维护和销售…

苍井空为玉树的募捐者提供付费壁纸

苍井空为玉树的募捐者提供付费壁纸

壁纸,玉树,电脑软件,苍井空,苍井空为玉树筹款博客提供付费壁纸下载: 苍井空最近开通了微博,经常发表关于的言论,导致很多国内用户追捧,前段时间自称是支持玉树地震,用实际行动,话就行了,看起来像苍井空做的那样,在博客中他刚刚推出了赈灾赈灾筹款…

国内香烟惊人的重金属含量超过标准

国内香烟惊人的重金属含量超过标准

重金属,香烟,含量,惊人,标准,吸烟在中国是全世界的一个非常棘手的问题,因为它对身体有害,但你为什么还吸呢我希望这份报告对吸烟的人是一个警告。 1、世界3的吸烟者在中国,大约每年与烟草有关的疾病,在中国死亡100万人。因此,从ITC的研究报告,一…

7快女孩列表

7快女孩列表

列表,女孩,电脑软件,湖南卫视10胜七女女声在第三轮淘汰PK赛中,得分最低的潘辰和专家评委曾轶可挑选出首轮PK,潘辰淘汰曾轶可以17比8。李媛希、曾轶可和潘虹樾在比赛中被淘汰。黄莺、江映蓉、郁可唯、李霄云、李霄云和江映蓉在前七名中获得了…