js实现一行文字颜色渐变显示特效,这些文字颜色渐变特效还真很少用得到,可根据您的需求来自定义颜色。
<HTML> <HEAD> <meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren"> <meta name="description" content="欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。"> <TITLE>文字颜色渐变显示特效_武鸣人</TITLE> </HEAD> <body bgcolor="ffffff"> <a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr> <!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。--> <script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script> <script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script> <script> <!-- 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; }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀) function fadein(text){ text=text.substring(3,text.length-4); // gets rid of the HTML-comment-tags color_d1=255; color_d1b=255; color_d1c=255; // any value in 'begin' 0 to 255 mul=color_d1/text.length; for(i=0;i<text.length;i++){ color_d1=mul*i; color_d1b=255-mul*i; color_d1c=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); //1b color_h1b=ToHex(color_d1b); color_d2b=mul*i; color_h2b=ToHex(color_d2b); //1c color_h1c=ToHex(color_d1c); color_d2c=mul*i; color_h2c=ToHex(color_d2c); document.write("<FONT COLOR='#FF"+color_h1+color_h2+"'>"+text.substring(i,i+1)+'</FONT>'); } document.write('<p>'); for(i=0;i<text.length;i++){ color_d1=mul*i; color_d1b=255-mul*i; color_d1c=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); //1b color_h1b=ToHex(color_d1b); color_d2b=mul*i; color_h2b=ToHex(color_d2b); //1c color_h1c=ToHex(color_d1c); color_d2c=mul*i; color_h2c=ToHex(color_d2c); document.write("<FONT COLOR='#FF"+color_h1c+color_h2c+"'>"+text.substring(i,i+1)+'</FONT>'); } document.write('<p>'); for(i=0;i<text.length;i++){ color_d1=mul*i; color_d1b=255-mul*i; color_d1c=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); //1b color_h1b=ToHex(color_d1b); color_d2b=mul*i; color_h2b=ToHex(color_d2b); //1c color_h1c=ToHex(color_d1c); color_d2c=mul*i; color_h2c=ToHex(color_d2c); document.write("<FONT COLOR='#FF"+color_h1b+color_h2b+"'>"+text.substring(i,i+1)+'</FONT>'); } }//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀) // --End Hiding Here --> </script> <center> <SCRIPT LANGUAGE="JavaScript"> <!-- {//武鸣人网站https://www.wuming.ren 网站很好记住,wuming.ren(武鸣拼音.ren域名后缀) fadein("-->武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢.<!__"); } //--> </SCRIPT> </center> </body> </html>
本文来自武鸣人网站,转载请注明出处