这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
这篇文章主要介绍了 JS 实现霓虹灯文字效果的方法, 涉及 javascript 遍历字符串及页面样式的动态操作技巧, 效果非常炫目华丽, 具有一定参考借鉴价值, 需要的朋友可以参考下
本文实例讲述了 JS 实现霓虹灯文字效果的方法。分享给大家供大家参考。具体如下:
这里使用 JS 实现网页上的霓虹灯文字特效代码特效,运行效果看一下,你会看到文字的颜色像霓虹灯一样,连续不停变化,五颜六色的,很炫的样子,所以就叫做霓虹文字吧,也可以叫他文字变色效果。
运行效果截图如下:
具体代码如下:
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
- <title>
- 霓虹灯
- </title>
- </head>
- <body>
- <script>
- var Tname = "欢迎您的到来!";
- var Tlen = Tname.length;
- document.write("<div id='a' style='font-size:40px;'>" + Tname + "</div>");
- var col = new Array("#FFCC00", "#3333FF", "#FFCC00", "#FF0000", "#FFCC00", "#CC33FF");
- var ic = 0;
- function Dcolor() {
- var Strname = "";
- for (i = 0; i < Tlen; ++i) {
- var Strname = Strname + "<font color=" + col[ic] + ">" + Tname.substring(i, i + 1) + "</font>";
- ic = ic + 1;
- if (ic == col.length) ic = 0;
- }
- a.innerHTML = Strname;
- setTimeout("Dcolor()", 200);
- }
- Dcolor();
- </script>
- <span class="style5">
- </span>
- </body>
- </html>
希望本文所述对大家的 javascript 程序设计有所帮助。
(adsbygoogle = window.adsbygoogle || []).push({});
来源: http://www.phperz.com/article/17/0703/270074.html