当前位置:编程学习 > JS >>

行如流水的Js文字背景特效

行如流水的Js文字背景特效,本人比较喜欢的效果,文字的背景像流水线一样,不断的循环变化,很漂亮哦。
答案:<title>行如流水的Js文字背景特效</title>
<script>var message="精品网页源代码,请来这里哦" 
var n=0; 
if (document.all){ 
document.write('<font size="12px" color="#006666">') 
for (m=0;m<message.length;m++) 
document.write('<span id="neonlight" style="font-size:12px">'+message.charAt(m)+'</span>') 
document.write('') 
var tempref=document.all.neonlight 
} 
else 
document.write(message) 
function neon(){ 
if (n==0){ 
for (m=0;m<message.length;m++) 
tempref[m].style.color="#006666" 
} 
tempref[n].style.color="#3fadc7" 
if (n<tempref.length-1) 
n++ 
else{ 
n=0 
clearInterval(flashing) 
setTimeout("beginneon()",1500) 
return 
} 
} 
function beginneon(){ 
if (document.all) 
flashing=setInterval("neon()",23) 
} 
beginneon() 
</script>

上一个:JavaScript数组应用,可依次读取的公告栏文字
下一个:JavaScript仿歌词效果

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,