荧光文字- HTML/XHTML教程 - 软晨网（RuanChen.com）

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

技术文章搜索

关键字

HTML/XHTML教程中的荧光文字

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 50 ::

收藏到网摘: n/a

鼠标周围的文字宣传点一下，首页地址添加到收藏夹

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

//下面设置显示效果的属性
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>

鼠标周围的文字宣传点一下，首页地址添加到收藏夹

HTML/XHTML教程 中的 荧光文字

评论 (0) All

HTML/XHTML教程中的荧光文字