网页编程网
www.youkud.com
掌握计算机、网络技术，让生活更美好！
主页
网页制作
html5
JavaScript
DIV+CSS
前端美工
网络编程
Java与JSP
PHP
Python 3
Golang
数据库
Mysql
Oracle
NoSQL
SQLite
运维
Linux
正则表达式
架构
网页特效
移动开发
网络
SDN
QUIC
网络原理
人工智能
强化学习
机器学习
区块链
区块链1
区块2
dapp
理论
dapp案例
数据采集
爬虫技术
爬虫案例
当前位置：
主页
>>
网页特效
>> 正文
单行文字颜色渐变显示特效
阅读：3509 输入：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超酷循环出现的新闻特效代码
下载专区
软件下载（提取码：mtag）
Tag
网站Tag
标签云
HTML工具
进制间转换
进制转换（带小数）
html代码运行
HTML工具
字母翻转
硬盘整数分区
html颜色代码
HTML工具
除空格回车
万年历
fojiao
HTML工具
小游戏
在线绘画
更多
手机版
联系微信:jingqishens