📄 ch3-024.txt
字号:
<HTML>
<HEAD>
<TITLE>文本特效篇--颜色渐变的文字</TITLE>
</HEAD>
<BODY bgcolor="#fef4d2" >
<br><br>
<center>
<font color="ffaafa"><h2>文本特效篇--颜色渐变的文字</h2></font>
<hr width=300>
<br><br>
<!-- 案例代码1开始 -->
<script language=JavaScript>
function DeMessage(Message, taille, police, RGB)
{
var nbCouleurMax = 256;
var facteur = nbCouleurMax/Message.length;
var couleur;
var i;
var c1,c2,c3;
for (i=0;i<Message.length;i++) { ton=facteur*i;
if (RGB == 0) { c1 = 'FF' ; c2 = conversion(ton); c3 = c2; }
else if (RGB == 1) { c1 = conversion(ton); c2 = 'FF' ; c3 = c1; }
else { c1 = conversion(ton); c2 = c1; c3 = 'FF' ; }
document.write ('<FONT SIZE=' + taille + ' FACE="' + police + '" COLOR="#' + c1 + c2 + c3 + '">' + Message.substring (i,i+1) + '</FONT>');
}
}
function tableau (n)
{
var nb;
this.length = n;
for (var i = 1; i <=n; i++)
if (i<10) {
nb = i+"";
nb = nb.substring(0,1);
this[i] = nb;
}
return this;
}
function conversion(couleur)
{
var reste=1;
var indice;
var hexa1;
var hexa2;
var couleurHexa;
tabHex = new tableau(16);
tabHex[10]="A"; tabHex[11]="B"; tabHex[12]="C"; tabHex[13]="D"; tabHex[14]="E"; tabHex[15]="F";
indice = 1;
hexa2 = (couleur%16);
hexa1 = parseInt(couleur/16);
hexa2 = tabHex[hexa2];
if (hexa2 == null) hexa2 = "0"; hexa1 = tabHex[hexa1];
if (hexa1 == null) hexa1 = "0"; couleurHexa = hexa1 + hexa2;
return couleurHexa;
}
</script>
<!-- 案例代码1结束 -->
<!-- 案例代码2开始 -->
<script LANGUAGE="JavaScript">
<!-- [Step1]: 在此可以更改颜色渐变的文本内容 -->
<!-- [Step2]: 这里能够改变文本的大小 -->
<!-- [Step3]: 这里能够改变文本的颜色 -->
DeMessage('这里显示的文本的颜色能够逐渐的褪去。', 4,'Trebuchet MS',0)
</script>
<!-- 案例代码2结束 -->
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -