当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript 仿歌词效果

技术文章搜索

关键字

Javascript 中的 JavaScript 仿歌词效果

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-01-10   浏览: 336 ::
收藏到网摘: n/a

JavaScript数组应用 可依次读取的公告栏文字 javascript 网页上跳动的文字

这是一个文字叠加滚动效果，当然离不开JavaScript了，看上去像MTV的歌词效果，用两种颜色的文字叠加形成的效果，用Js去控制时间和颜色，这个当然你可以自己修改噢！

<title>JavaScript仿歌词效果</title> <h2> <script language="JavaScript"> var message="Welcome to JavaScript Fairyland!" var neonbasecolor="gray" var neontextcolor="33ff33" var flashspeed=100 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('') 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=neonbasecolor } 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>
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

JavaScript数组应用 可依次读取的公告栏文字 javascript 网页上跳动的文字

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）