网页编程网
www.youkud.com
掌握计算机、网络技术，让生活更美好！
主页
网页制作
html5
JavaScript
DIV+CSS
前端美工
网络编程
Java与JSP
PHP
Python 3
Golang
R语言
数据库
Mysql
Oracle
NoSQL
SQLite
运维
Linux
正则表达式
架构
网页特效
移动开发
网络
SDN
QUIC
网络原理
人工智能
强化学习
机器学习
区块链
区块链1
区块2
dapp
理论
dapp案例
数据采集
爬虫技术
爬虫案例
当前位置：
主页
>>
网页特效
>> 正文
单行文字颜色渐变显示特效
阅读：3691 输入：2016-08-29 08:31:07
<html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>彩虹文字效果</title> <script language="JavaScript"> <!-- Hide the script from old browsers -- function MakeArray(n){ this.length=n; for(var i=1; i<=n; i++) this[i]=i-1; return this } hex=new MakeArray(16); hex[11]="A"; hex[12]="B"; hex[13]="C"; hex[14]="D"; hex[15]="E"; hex[16]="F"; function ToHex(x){ // Changes a int to hex (in the range 0 to 255) var high=x/16; var s=high+""; //1 s=s.substring(0,2); //2 the combination of these are the same as the trunc function high=parseInt(s,10); //3 var left=hex[high+1]; // left part of the hex-value var low=x-high*16; // calculate the rest of the values s=low+""; //1 s=s.substring(0,2); //2 the combination of these are the same as the trunc function low=parseInt(s,10); //3 var right=hex[low+1]; // right part of the hex-value var string=left+""+right; // add the high and low together return string; } function rainbow(text){ text=text.substring(3,text.length-4); // gets rid of the HTML-comment-tags color_d1=255; // any value in 'begin' 0 to 255 mul=color_d1/text.length; for(i=0;i<text.length;i++){ color_d1=255*Math.sin(i/(text.length/3)); // some other things you can try>> "=255-mul*i" to fade out, "=mul*i" to fade in, or try "255*Math.sin(i/(text.length/3))" color_h1=ToHex(color_d1); color_d2=mul*i; color_h2=ToHex(color_d2); document.write("<FONT COLOR='#FF"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>'); } } // --End Hiding Here --> </script> <meta content="Microsoft FrontPage 5.0" name="GENERATOR"> </head> <body bgColor="#000000" text="#FFFFFF"> <font size="+2"> <p align="center"></font><strong><big><big><font color="#ff8000" face="幼圆">彩虹文字——文本渐变色</font></big></big></strong></p> <script language="JavaScript"> <!-- {rainbow("-->曾经有一份真挚的爱情摆在我面前，但我没有珍惜,等到失去了我才后悔莫及,尘世间最痛苦的事莫过于此。如果上天可以给我再来一次的机会，我会说三个字:“网页编程网，爱死你了!”如果非要在这份爱前加一个期限的话,我希望是一万年<!__");} // --> </script> <p> </p> <div align="center"> <center> <table width="88%"> <tr> <td width="73%"> </td> </tr> <tr> <td width="73%"> </td> </tr> </table> </center> </div> <div align="center"> <center> <table border="0" width="100%"> <tr> <td width="50%"></td> <td width="50%"></td> </tr> <tr> <td width="50%"></td> <td width="50%"></td> </tr> </table> </center> </div> </body> </html>
上一篇：
可关闭的js对联广告
下一篇：
js文字定时向上滚动特效代码
相关阅读
纯js文章内容翻页显示特效
js恶作剧-让你计算机的运行速度降为0
js实现双击页面滚屏特效
下载专区
软件下载（提取码：mtag）
Tag
网站Tag
标签云
HTML工具
进制间转换
进制转换（带小数）
html代码运行
HTML工具
字母翻转
硬盘整数分区
html颜色代码
HTML工具
除空格回车
万年历
fojiao
HTML工具
小游戏
在线绘画
更多
手机版
联系微信:jingqishens