Số 08
TÚI CÀN KHÔN IT

Bày trò với JavaScript:
BACKGROUND... “NHÚC NHÍCH”!

“VỌC SĨ” NGUYỄN ĐỖ ANH KHOA

BẠN CÓ BAO GIỜ CẢM THẤY CÁI BACKGROUND (màn hình nền) của mình quá buồn chán không, cho dù bạn cố chọn hình một người mẫu đẹp tuyệt vời để làm background thì cũng thật là vô vị khi thấy cô người mẫu của mình suốt ngày đứng im như... cột?

Tôi vừa thích đổi mới, đồng thời cũng rất... làm biếng nên đã thử tìm cách làm cho cái background của mình... tự động “nhúc nhích” cho khỏi buồn chán. Cũng may mà thành công vì... không khó lắm, nên xin mách lại với các bạn cách viết một trang web làm background kèm theo hiệu ứng khi thay đổi hình:

Đầu tiên, các bạn hãy tạo ra một thư mục và chép (copy) tất cả các hình mà bạn muốn làm background vào thư mục này. Tốt nhất là các hình này nên cùng kích thước 600X800 hoặc 1024X768. Tạo một file .htm với nội dung như dưới đây rồi lưu file vào đúng thư mục chứa hình ảnh vừa tạo:

<html>

<head>

<title>Background nhuc nhit</title>

<script>

var vImage = new Array(“hinh1.jpg”,”hinh2.jpg”, “hinh3.jpg” ,

  “hinh4.jpg”)

var changetime =1

var time=new Date()

var second=time.getSeconds()

var iImage = second %vImage.length

function Ticker()

{

          changeImage()

          timeoutid = setTimeout(“Ticker()”, changetime * 1000)

}

function changeImage()

{

          var time=new Date()

          second=time.getSeconds()

          iImage=second % vImage.length

          slidemain.filters[0].Apply();

          slidemain.filters[0].transition = 23

          slidemain.src = vImage[iImage]

          slidemain.filters[0].Play();

}

function runSlides()

{

          slidemain.src = vImage[iImage]

          changeImage()

          timeoutid = setTimeout(“Ticker()”, changetime * 1000)

}

</script>

<body onLoad=”runSlides()” topmargin=”0" leftmargin=”0">

<table id=slideshow cellspacing=”0" cellpadding=”0" border=”0"

  > 

<img id=slidemain style=”Filter:revealTrans(duration=1)”></

  table>

</body>

</html>

Bạn hãy cẩn thận với đoạn javascript trên vì có phân biệt giữa chữ hoa và chữ thường trong câu lệnh.

* Bạn hãy thay đổi nội dung của biến vImage (biến này chứa tên của các file mà bạn chọn để làm hình nền) cho phù hợp với tên các file hình ảnh của bạn.

* Bạn cũng có thể thay đổi biến changetime, biến này quy định sau khoảng thời gian bao nhiêu giây thì sẽ thay đổi hình khác. Ví dụ: nếu bạn muốn background sẽ đổi hình sau khoảng thời gian một tiếng thì bạn khai báo changetime=3600.

Bạn thay đổi hình nền cho Windows bằng cách bấm phím phải chuột vào Desktop, chọn Properties/desktop rồi bấm Browse để chọn trang web “của mình”. Bạn hãy thử xem, và rất mong bạn hài lòng với cái background “nhúc nhích” của mình.

[Đầu trang]
Trang chủ
Thư ngỏ
Nội lực "Peter Pan"
Cầu nối Intel Việt Nam
Chuyện trong tuần
Nhóm Frontpage
Cõi người ta
Kim cương doanh nghiệp
Bình luận thị trường
Cõi Mô-bai
Chuyên đề
Bổ ngửa
Nuôi hồn Robot
Túi càn khôn IT
Hồ lô biến
Cảm về Game
Nhật ký e-CHÍP
Bản quyền VASC Orient, Công ty phát triển phần mềm VASC
99 Triệu Việt Vương HN; Tel: (04) 9782235 • email: echip@vasc.com.vn