JS代码对双色文本的实现

最新推荐文章于 2024-11-13 17:27:29 发布

puexine

最新推荐文章于 2024-11-13 17:27:29 发布

阅读量595

点赞数

文章标签： reference function javascript

本文链接：https://blog.csdn.net/puexine/article/details/1594311

版权

这段JavaScript代码展示了如何创建一种双色文本效果。通过改变文本中每个字符的颜色，在白色背景和红色高亮之间交替，营造出霓虹灯般的视觉体验。代码首先定义了消息文本、基色、高亮色和闪烁速度，然后根据浏览器类型动态生成HTML元素，并使用定时器函数实现颜色切换动画。

摘要由CSDN通过智能技术生成

<SCRIPT language=JavaScript1.2>
var message="夜幕时分，伴着欲滴的晚霞步行在青翠的乡村，一个人，没有了世俗的喧闹，也抛弃了人与人之间那种似乎永远也无法跨越的鸿沟！"
var neonbasecolor="#FFFFFF"
var neontextcolor="red"
var flashspeed=200 //in milliseconds
var n=0
if (document.all){
document.write('<a href=http://www.watebe.com/ target=_blank><font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight">'+message.charAt(m)+'</span>')
document.write('</font></a>')
//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>
<script language=JavaScript1.2> var message="夜幕时分，伴着欲滴的晚霞步行在青翠的乡村，一个人，没有了世俗的喧闹，也抛弃了人与人之间那种似乎永远也无法跨越的鸿沟！" var neonbasecolor="#FFFFFF" var neontextcolor="red" var flashspeed=200 //in milliseconds var n=0 if (document.all){ document.write('') for (m=0;m '+message.charAt(m)+'') document.write(' ') //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 ') for (m=0;m '+message.charAt(m)+'') document.write(' ') //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