萬盛學電腦網 >> 網頁制作 >> 腳本Html教程 >> 彩虹文字
彩虹文字
<html>
<head>
<title>網頁特效|Linkweb.cn/Js|---彩虹文字</title>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<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%"><font face="幼圓" size="3" color="#00FFFF"> </font>
<p><font face="幼圓" size="3" color="#00FFFF"> </font><font color="#00FF00"><font face="幼圓" size="3">
</font>請看上面這個例子，<font face="幼圓" size="3">一段文本，顏色均勻過渡，如同天空中雨後的彩虹，橫過屏幕，十分賞心悅目，這種文本顏色均勻過渡的效果，你可能在photoshop等圖形編輯軟件裡用到過，但現在，你也可以用到網頁上了!</font>比起簡單的文字，是不是更具煽情性</font><font color="#00FF00">。</font></p>
</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>
- 上一頁:加入陰影的文字
- 下一頁:表格或層往下慢慢展開的效果
