炫彩的文字，基于JavaScript


炫彩文字，在网页上用一下，会吸引别人的注意力，和CSS不相干，纯粹JavaScript实现的东西，代码不算少，高手在优化一下。

答案：<title>炫彩的文字</title>
<body>
<script language="JavaScript">
var message="招聘启事"
var neonbasecolor="#FF930D"
var neontextcolor="#00B3FD"
var flashspeed=300
var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight" class="content">'+message.charAt(m)+'</span>')
document.write('')
var tempref=document.all.neonlight
}
else
document.write(message)

function neon(){
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}
tempref[n].style.color=neontextcolor

if (n<tempref.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script>
</body>

上一个：走马灯效果的链接提示
下一个：Js制作网页上反复显隐的文本

更多图片编程知识: