繁體中文当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 荧光文字
- HTML/XHTML教程
- HTML5之后W3C将制定无版本号的HTML
- IE6必然灭亡的最新6个理由
- 网页制作教程:单独对IE6进行兼容
- Firefox 3.6频繁崩溃的问题
- HTML5的发展:微格式和相关的属性名称
- Chrome最新4.0版本支持GreaseMonkey脚本
- 网页前端常见的攻击方式和预防攻击办法
- HTML5标准将把互联网视频扔回到黑暗时代
- 靠我们自己的力量把IE6推向灭亡
- 近期热点:HTML5是否真的可以取代Flash
- 网页知识新手了解：网页设计的发展历史
- TinyEditor:简洁且易用的html所见即所得编辑器
- ANSI，Unicode，UTF-8网页编码的区别
- HTML5实例:20个使用HTML5编写的网站
- 网页表单设计:主要行为与次要行为
- HTML网页实例代码:简洁漂亮的跳转等待页面
- 经验分享:关于网页布局排版的流程问题
- W3C发布7个HTML工作草案
- HTML5 旨在解决 Web 中的交互
- 网页优化的最基础部分:HTML的优化
HTML/XHTML教程 中的 荧光文字
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-04 浏览: 39 ::
收藏到网摘: 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
