当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 荧光文字

HTML/XHTML教程
网页经典代码(二)
网页经典代码(三)
网页经典代码(四)
网页经典代码(五)
网页经典代码(六)
JavaScript 中的replace方法
我有我主张!随心所欲的定制“弹出窗口”
JavaScript技术讲座-JavaScript语言概况
JavaScript技术讲座-基本数据结构
JavaScript技术讲座-程序构成
JavaScript技术讲座-基于对象的JavaScript语言
JavaScript技术讲座-创建新对象
JavaScript技术讲座-使用内部对象系统
网页加密攻略全集
防止网页内容被拷贝的方法
让JavaScript弹出窗口变得体贴一些
轻松弹出无边框网页的Javscrpt代码
强制设为首页代码
几行代码轻松搞定网页的简繁转换
打印网页时去掉页眉页脚

HTML/XHTML教程 中的 荧光文字


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 77 ::
收藏到网摘: n/a

要完成此效果把如下代码加入到<body>区域中

<h2>
<script language="JavaScript1.2">

//下面设置显示效果的属性
var message="Welcome to JavaScript Fairyland!"
var neonbasecolor="gray"
var neontextcolor="33ff33"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</font>')

//cache reference to neonlight array
var tempref=document.all.neonlight
}
else
document.write(message)

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
tempref[m].style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
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>
</h2>