网站制作学习网JS脚本→正文:炽热文字效果
字体:

炽热文字效果

JS脚本 2008/1/25 8:08:08  点击:不统计

1、将以下代码加入HEML的<head></head>之间:



<style>

<!--

#glowtext{

filter:glow(color=red,strength=2);

width:100%;

}

-->

</style>

<script language="JavaScript1.2">

function glowit(which){

if (document.all.glowtext[which].filters[0].strength==2)

document.all.glowtext[which].filters[0].strength=1

else

document.all.glowtext[which].filters[0].strength=2

}

function glowit2(which){

if (document.all.glowtext.filters[0].strength==2)

document.all.glowtext.filters[0].strength=1

else

document.all.glowtext.filters[0].strength=2

}

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>



2、将以下代码加入到HEML的<body></body>之间[适当的位置]:



<span id="glowtext">这里是要显示的文字</span>



3、[可选项]改变文字颜色和背景色可以得到不同的效果。文字颜色修改,只要修改filter:glow(color=red,strength=2); 中的color项,strength为颜色的深度值 。



关键字 javascript特效 炽热文字效果





·上一篇:JS让源代码看不到 >>    ·下一篇:可移动的图层 >>
推荐文章
最新文章