用Javascript巧做火焰字 |
|
看着别人网页上一幅幅漂亮的火焰文字图片时,你是否很羡慕他们?现在好了,只需把下面的源代码加入到你的网页中,并适当修改其中的属性,就能得到多种多样的火焰文字。
下面源码中,你只须修改属性“color”与“strength”。其中“color”是光影的颜色,对于常见的颜色,可以直接使用Red、Blue、Yellow等英文单词。特殊的色彩就必须使用该颜色的16进制值代码,例如“#FF0DBC”等。你可以借助于FrontPage、Dreamweaver等网页制作软件获取某种颜色的16进制值代码。“strength”为光的强度,取值范围是1~255之间。 〈html〉 〈head〉 〈title〉火焰文字〈/title〉 〈style〉 〈!-- #txt{ filter:glow(color=red,strength=9); width:100%; } --〉 〈/style〉 〈script language=″JavaScript″〉 function glow1(){ if (document.all.txt.filters[0].strength==9) document.all.txt.filters[0].strength=6 else document.all.txt.filters[0].strength=9 } function glow2(){ if (document.all.txt.filters[0].strength==9) document.all.txt.filters[0].strength=6 else document.all.txt.filters[0].strength=9 } function start(){ if (document.all.txt&&txt.length){ for (i=0;i〈txt.length;i++) eval(′setInterval(″glow1(′+i+′)″,150)′) } else if (txt) setInterval(″glow2()″,150) } if (document.all) window.onload=start 〈/script〉 〈/head〉 〈body〉 〈p〉〈span id=″txt″ 〉〈big〉〈big〉〈big〉火焰文字〈/big〉〈/big〉〈/big〉〈/span〉 〈/p〉 〈/body〉 〈/html〉 以上是全部源代码(其中带下划线的代码应在同一行上),只需加入到超文本文件中即可。 |