CSS滤镜全接触

CSS滤镜全接触

作者:Eric

CSS滤镜制作Dhtml实例(1)

　　看看下面的文字,是不是很不错?

Welcome To Dhtml2000

　　这个Dhtml使用了Glow滤镜,我们来看看源代码,以下代码是放在<head></head>之间的:

　　<script language="javascript">
　　function glowit(which){
　　if (document.all.glowtext[which].filters[0].strength==3)
　　document.all.glowtext[which].filters[0].strength=2
　　else document.all.glowtext[which].filters[0].strength=3
　　}
　　function glowit2(which){
　　if (document.all.glowtext.filters[0].strength==3) document.all.glowtext.filters[0].strength=2
　　else document.all.glowtext.filters[0].strength=3
　　}
　　function startglowing(){
　　if (document.all.glowtext&&glowtext.length){
　　for (i=0;i<glowtext.length;i++) eval('setInterval("glowit('+i+')",150)')
　　}
　　else if (glowtext) setInterval("glowit2(0)",150)
　　}
　　if (document.all) window.onload=startglowing
　　</script>

　　以下代码是放在<body></body>之间您需要的位置上的:

　　<span id="glowtext">
　　<b><font face="Lucida Handwriting" color="#FFF0DD" size="4">Welcome
To Dhtml2000</font></b>
　　</span>

　　先看一下<head></head>之间的代码,在<script></script>之间的代码我们不必去管它,这是javascript,在实际使用中,不必修改它.单看<styel></styel>之间的glow设置了这个Dhtml使用的是Glow滤镜,这个滤镜是使对象的边缘产生类似发光的效果,正如上面看到的那样.它的参数"Color"是指定发光的颜色,这里为#FF9933.另一个参数"Strength"则是强度的表现,这里设为4.

　　在<body></body>之间的代码设置了需要显示的文字,以及文字的颜色.这里需要注意的是文字的颜色和发光的颜色如果搭配的好的话,效果会非常漂亮,这就要看你自己的发挥了.