JavaScript实现彩虹文字效果的方法
2015-04-16 10:34
1086 查看
<HTML> <HEAD> <TITLE>Rainbow Text</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin hide from old browsers function createHexArray(n) { this.length = n; for (var i = 1; i <= n; i++) this[i] = i - 1; this[11] = "A"; this[12] = "B"; this[13] = "C"; this[14] = "D"; this[15] = "E"; this[16] = "F"; return this; } hx = new createHexArray(16); function convertToHex(x) { if (x < 17) x = 16; var high = x / 16; var s = high+""; s = s.substring(0, 2); high = parseInt(s, 10); var left = hx[high + 1]; var low = x - high * 16; if (low < 1) low = 1; s = low + ""; s = s.substring(0, 2); low = parseInt(s, 10); var right = hx[low + 1]; var string = left + "" + right; return string; } function makeRainbow(text) { text = text.substring(0, text.length); color_d1 = 255; mul = color_d1 / text.length; for(var i = 0; i < text.length; i++) { color_d1 = 255*Math.sin(i / (text.length / 3)); color_h1 = convertToHex(color_d1); color_d2 = mul * i; color_h2 = convertToHex(color_d2); k = text.length; j = k - i; if (j < 0) j = 0; color_d3 = mul * j; color_h3 = convertToHex(color_d3); document.write("<FONT COLOR=\"#" + color_h3 + color_h1 + color_h2 + "\">" + text.substring(i, i + 1) + "</FONT>"); } } // End hide from old browsers --> </script> </HEAD> <body bgcolor="#FFFFCC"> <center> <strong> <font size=6> <script> <!-- // change to your own text ... makeRainbow("Welcome to Boulder City Nevada"); document.write("<br>"); makeRainbow("The best dam city in the USA"); // --> </script> </font> </strong> </center> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- JavaScript实现文字与图片拖拽效果的方法
- JavaScript实现文字与图片拖拽效果的方法
- javascript实现鼠标移到Image上方时显示文字效果的方法
- javascript实现鼠标移到Image上方时显示文字效果的方法
- JavaScript实现隐藏省略文字效果的方法
- JavaScript通过改变文字透明度实现的文字闪烁效果实例
- javaScript实现选中文字提示新浪微博分享的效果
- JavaScript实现选中文字提示新浪微博分享效果
- Android 文字自动滚动(跑马灯)效果的两种实现方法[特别好使]
- 两种方法实现文字阴影效果
- javascript实现文字无缝滚动效果
- input 标签实现输入框带提示文字效果(两种方法)
- javascript 实现函数/方法重载效果
- javaScript实现鼠标在文字上悬浮时弹出悬浮层效果
- JavaScript实现京东购物放大镜和选项卡效果的方法分析
- javascript高亮效果的二种实现方法
- 用JavaScript实现动画效果的方法
- jQuery实现行文字链接提示效果的方法
- JS实现点击文字对应DIV层不停闪动效果的方法
- JS实现文字放大效果的方法