RSS Posts 
[FD's BlOg] - Bài này mình sẽ giới thiệu cho các bạn 1 đoạn script nhỏ làm thay đổi màu nền của blog. Với đoạn script này, màu nền sẽ tự động thay đổi 1 cách tuần tự sau 1 khoảng thời gian mà chúng ta đã định trước. Để tạo nên hiệu hứng đổi màu cho đẹp và liên tục, các bạn sẽ tạo 1 mảng các trị màu thay đổi 1 cách tuần tự.
Để thực hiện thủ thuật này, các bạn chỉ cần chèn đoạn code JS bên dưới vào trước thẻ đóng </head> hoặc sau thẻ mở <head>
<script type="text/javascript">
var c = new Array("00", "11", "22", "33", "44", "55",
"66", "77", "88", "99", "AA", "BB", "CC", "DD", "EE", "FF");
x = 0;
function bg_eff()
{
col_val = "#56" + c[x] +"00";
document.bgColor=col_val;
x++;
if (x == 16)
{
clearInterval(change_bg);
}
}
change_bg = setInterval("bg_eff()", 300);
</script>
- Các code màu xanh : 16 là số phần tử của mảng, 300 là thời gian delay giữa các lần đổi màu
- Chú ý đoạn code này : col_val = "#56" + c[x] +"00"; : đây là code tạo trị màu nền theo các phần tử trong mảng c , ví dụ khi x = 2 ta sẽ có màu nền là #562200.
- Ngoài ra bạn có thể chỉnh đoạn code trên lại như thế này : col_val = "#5600" + c[x] ; tức là trị màu sẽ thay đổi ở 2 bit cuối. ví dụ khi x=2 ta sẽ có màu nền là #560022
- Nếu muốn màu thay đổi nhiều hơn nưa thì các bạn cứ việc thêm phần tử vào mảng c. Ví dụ ta có 20 màu sẽ được thay đổi như bên dưới:
<script type="text/javascript">
var c = new Array("00", "10", "15", "20", "25", "30",
"35", "40", "45", "50","55", "60", "65", "70", "75", "80", "85", "90", "95", "AA");
x = 0;
function bg_eff()
{
col_val = "#56" + c[x] +"00";
document.bgColor=col_val;
x++;
if (x == 20)
{
clearInterval(change_bg);
}
}
change_bg = setInterval("bg_eff()", 300);
</script>
- Hãy tạo cho mình 1 list màu để việc thay đổi trong cho đẹp mắt.
Chúc các bạn thành công.
Hay hay ^.^
hay thiệt đó,mỗi ngày một cuốn sách nha a Dũng...hihi
test comment !
ớ ớ... thử thôi :D
chà... sao nó k chạy nhỉ a dũng...
e post ngay sau thẻ head
test = ie6, chắc ổn k ta?
okie mem ròi... tại e chưa xóa dòng background
thanks a... bên e mới có bài mới a qua suy nghĩ ha
nhưng mà nó không refresh a nhỉ... chạy hết rồi là thôi... làm sao để nó lặp lại nữa nhỉ
@min : muốn nó chạy liên tục chắc cũng đc, nhưng tạm thời anh chưa nghĩ ra
cho cái delay = 9999999999999999999999999999
chắc đổi màu cũng lâu :p
mua bán cho thuê nhà ở ngay tại đây:
dịch vụ cho thuê phòng trọ quận 4 HCM
cho thuê phòng trọ quận 5 HCM cho sinh viên
địa chỉ cho thuê phòng trọ quận 6
dịch vụ cho thuê phòng trọ quận 7
Tham khảo một số dự án bđs này xem:
Căn hộ Sunshine Avenue: https://homedy.com/can-ho-sunshine-avenue-pj46319477
Khu đô thị Saigon Peninsula :https://homedy.com/khu-do-thi-saigon-peninsula-pj85688635
» Nội dung phải liên quan tới chủ đề bài viết.
»
[quote=AUTHOR name=fdquote]NỘI DUNG[/quote]
» Có thể sử dụng các thẻ <b>,<i>,<a>.
BlOg FD chính thức đóng comment của khách ẩn danh.
BlOg FD.