用Javascript巧做火焰字-网页制作

您现在的位置：卓越设计网 >> 网页制作 >> Javascript >> 网页制作正文

用Javascript巧做火焰字

荐 ★★★

用Javascript巧做火焰字

作者：佚名文章来源：IT 点击数：更新时间：2005-4-26 3:11:50

　看着别人网页上一幅幅漂亮的火焰文字图片时，你是否很羡慕他们？现在好了，只需把下面的源代码加入到你的网页中，并适当修改其中的属性，就能得到多种多样的火焰文字。
　　下面源码中，你只须修改属性“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〉
　　以上是全部源代码(其中带下划线的代码应在同一行上)，只需加入到超文本文件中即可。

网页制作录入：as8130239 责任编辑：as8130239

上一篇网页制作：多图片每次变化的效果不同的js效果

下一篇网页制作：没有了

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

网站
导航

最新图片

推荐信息

最新热门

最新推荐