function noglow()

{

if (event.srcElement == element)

{

element.style.filter="";

element.style.color=font_color;

}

}

< /SCRIPT >

//////////////////“行为”文档结束///////////////////////////////

（4）如何在一个页面上使用“行为”

　　在页面上使用“行为”组件，并不需要学习新的知识。所需的知识的也不过是CSS样式表和HTML的设置而已，请看下面的语句。

< STYLE >

.myfilter{behavior:url(font_effect.htc);position:relative;font-weight:bold;width=180;left:0;}

< /STYLE >

　　可以看出，这和以前我们已经熟知的样式表设置完全相同。上面的语句定义了一个样式名：“myfilter”，其中对我们来说比较新的内容是：“behavior:url(font_effect.htc);”，“behavior”是新增的“行为”属性名，这就是“行为”在样式表中的设置方式。括号中的内容是“行为”文档的文件名，本例中表明“行为”文档在与页面文件在同一个目录下，如果“行为”文档安置在其它目录下，在此参数的前面要加上相应的路径名，以保证可以正确地定位“行为”文档的位置。此“样式”中的其它内容就是普通的样式属性设置，可根据你的需要增减，但在此例中，由于使用了“glow”滤镜效果，至少要设置一个宽度（width）属性。通过以上的样式指定，我们就有了一个名为：“myfilter”的样式，它附带一个有字体变化效果的“行为”。如果你想要在一个页面元件上使用这个附带“行为”的样式，同样也很简单，只要把这个“样式名”安置在元件的属性设置区域即可，见下面的语句。

< span id="myspan" class='myfilter' >行为产生的文字效果< /span >< br >

< span class='myfilter' >鼠标指向后产生辉光< /span >

　　以上语句里面没有什么新的内容，class='myfilter'就是我们所熟悉的样式设置。在第一个“span”标记的属性中还定义了一个“id”标记，稍后就会看到，这是用来演示调用“行为”内的“方法”而设置的。这样设置后，“span”元件中的内容就可以显示出“行为”组件内的预定效果：

1． 鼠标指针移动到文字内容上时，在文字周围产生红色的辉光效果，同时文字变成白色。

2． 当鼠标按钮按下时，文字颜色改变为黄色。

3． 鼠标按钮抬起后，文字颜色又改变为蓝色。

4． 当鼠标指针移动到文字区域以外时，去掉了红色辉光效果，文字恢复原样。

　　另外，我们在定义“行为”时设置了二个“方法”，“move_down”和“move_right”。为调用这二个“方法”，定义了二个按钮：

< button onclick="myspan.move_right();" >向右移动第一行文字< /button >< br >

< button onclick="myspan.move_down();" >向下移动第一行文字< /button >

　　用按钮的onclick事件去调用这二个“方法”，先前

上一页  [1] [2] [3] [4] 下一页