hn4u @ Last updated 21/11/04 22:42
Go to my homepage at http://4u.jcisio.com
Full version available at http://4u.jcisio.com/r/article604.htm

Hải Nam

Tạo dòng chữ với hai màu biến đổi dần

Đã có một chương trình tên Html Font Colorizer của Peter Theill (www.theill.com/hfc) giúp làm việc này nhanh chóng và dễ dàng, sinh ngay mã html cần thiết. Nhưng một khi đã đưa lên trang web thì khó tuỳ biến, và các chuỗi phải nhập vào từ trước.

Đoạn chương trình sau của VNstars sẽ giúp bạn làm việc này, sử dụng rất đơn giản. Thí dụ: viết dòng chữ Welcome to VNstars có màu biến đổi từ đỏ (#FF0000) sang xanh da trời (#0000FF), bạn ghi:

HTML
<script>textGradient('FF0000','0000FF','Welcome to VNstars');</script>

Chương trình có sử dụng hai hàm convertToHex và convertToDec đã được đề cập ở bài trước.

Mã lệnh (Javascript)
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>');
   }
}


hainam4u @ Last updated 21/11/04 22:42
Go to my homepage at http://4u.jcisio.com