JavaScript實(shí)現(xiàn)彩虹文字效果的方法
本文實(shí)例講述了JavaScript實(shí)現(xiàn)彩虹文字效果的方法。分享給大家供大家參考。具體如下:
<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>
希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。
- JavaScript在瀏覽器標(biāo)題欄上顯示當(dāng)前日期和時(shí)間的方法
- JavaScript實(shí)現(xiàn)在標(biāo)題欄上顯示當(dāng)前日期的方法
- 用javascript實(shí)現(xiàn)“閃動(dòng)”標(biāo)題欄
- javascript實(shí)現(xiàn)狀態(tài)欄中文字動(dòng)態(tài)顯示的方法
- JavaScript實(shí)現(xiàn)文字跟隨鼠標(biāo)特效
- javascript實(shí)現(xiàn)控制文字大中小顯示
- JavaScript實(shí)現(xiàn)文字與圖片拖拽效果的方法
- JavaScript實(shí)現(xiàn)標(biāo)題欄文字輪播效果代碼
相關(guān)文章
微信小程序拍賣商品詳情頁(yè)設(shè)計(jì)與交互實(shí)現(xiàn)代碼(含倒計(jì)時(shí)、實(shí)時(shí)更新出價(jià))
這篇文章主要介紹了微信小程序拍賣商品詳情頁(yè)設(shè)計(jì)與交互實(shí)現(xiàn)代碼(含倒計(jì)時(shí)、實(shí)時(shí)更新出價(jià)),本文通過(guò)示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-08-08javascript實(shí)現(xiàn)類似于新浪微博搜索框彈出效果的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)類似于新浪微博搜索框彈出效果的方法,涉及javascript彈出搜索框的相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07javascript中call,apply,bind的區(qū)別詳解
這篇文章主要介紹了javascript中call,apply,bind的區(qū)別詳解,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下2020-12-12js實(shí)現(xiàn)字符串的16進(jìn)制編碼不加密
關(guān)于十六進(jìn)制編碼的問(wèn)題在很多情況下都會(huì)用到,所以使用JS寫(xiě)了個(gè)小程序轉(zhuǎn)換一下2014-04-04javascript實(shí)現(xiàn)簡(jiǎn)單的貪吃蛇游戲
本文很簡(jiǎn)單,給大家分享了一段使用javascript實(shí)現(xiàn)簡(jiǎn)單的貪吃蛇游戲的代碼,算是對(duì)自己學(xué)習(xí)javascript的一次小小的總結(jié),代碼參考了網(wǎng)友的部分內(nèi)容,推薦給大家,希望對(duì)大家能夠有所幫助。2015-03-03