Hải Nam

Một thí dụ đầy đủ, xài ngay được :)

Nếu bạn chưa biết gì về Javascript, nếu các bài viết trên làm bạn bỡ ngỡ? Thôi thì cứ dùng thử chương trình mẫu sau đây:

<html>

<head>

</head>

function createHexArray()

{

this.length = 16;

for (var i=0;i<=9;i++) this[i] = i;

this[10] = "A";

this[11] = "B";

this[12] = "C";

this[13] = "D";

this[14] = "E";

this[15] = "F";

return this;

}

hx = new createHexArray();

function convertToHex(x)

{

string = hx[parseInt(x/16)] + "" + hx[x%16];

return string;

}

var dnA=10; dnB=11; dnC=12; dnD=13; dnE=14; dnF=15;

function convertToDec(x)

{

k = x.substring(0,1)

k<10 ? decNum1=k : eval('decNum1=dn'+k);

k = x.substring(1,2)

k<10 ? decNum2=k : eval('decNum2=dn'+k);

return decNum1*16+parseInt(decNum2);

}

// main functions

function makeRainbow(text,kind)

{

k = text.length;

mul = 255/k;

for (var i=0;i<k;i++)

{

l = i;

if (kind>=1) l=k-i;

color_h1 = convertToHex(parseInt(255*Math.sin(l/(k/3))));

color_h2 = convertToHex(parseInt(mul*l));

k>l ? j=k-l : j=0;

color_h3 = convertToHex(parseInt(mul*j));

document.write("<font color=\"#"+color_h3+color_h1+color_h2+"\">"+text.substring(i,i+1)+"</font>");

}

function textGradient(c1,c2,s)

{

clr1 = new Array();

clr2 = new Array();

diff = new Array();

kl = s.length;

for (i=0;i<3;i++)

{

clr1[i] = convertToDec(c1.substring(i*2,2+i*2));

clr2[i] = convertToDec(c2.substring(i*2,2+i*2));

diff[i] = (clr2[i] - clr1[i])/kl;

}

for (i=0;i<kl;i++)

{

kkk = '';

for (var j=0;j<3;j++) kkk += convertToHex(parseInt(clr1[j]+diff[j]*i));

document.write('<font color=#'+kkk+'>'+s.substring(i,i+1)+'</font>');

}

</script>

Vài thí dụ về các hiệu ứng màu, bạn nên chọn màu nền thích hợp cho mỗi kiểu màu

</div>

</body>

<html>

Bạn thấy thế nào? Hãy tự do sửa chữa và nhấn "Show" để xem kết quả!