繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 荧光文字
- HTML/XHTML教程
- CSS 循序渐进（四）表里春秋
- 精通 CSS 滤镜（五）
- 让css使网页图片半透明
- 实现页面图片阴影特效
- 发现CSS控件的好处
- 用CSS缩写给你的网站加速
- CSS在IE和Nascape的显示差别
- 利用CSS，不通过replace替换标引HTML标记
- 拒绝单调 让网页超链接拥有多姿多彩的下划线
- 对CSS类及id的规范化命名
- 利用css里expression来实现界面对象的批量控制
- 利用CSS控制打印
- 第一章 ＣＳＳ的基本认识
- 第二章 ＣＳＳ的应用方式
- 第三章 ＣＳＳ的应用补充
- 第四章 颜色背景的ＣＳＳ
- 第五章 文字性质的ＣＳＳ
- 第六章 区块性质的ＣＳＳ
- HTML之其他标记
- HTML之链接标记
HTML/XHTML教程 中的 荧光文字
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 98 ::
收藏到网摘: 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>
评论 (0) All
