JAVASCRIP LÀM TRÁI BANH DI CHUYỂN TỰ ĐỘNG
Áp dụng những kiến thức căn bản hướng dẫn trong bàì BASIC JAVASCRIPT MAKING ANIMATION,chúng ta viết bảng javaScript phía trên để làm một quả banh di chuyển tự động và chỉ cần click vào chữ STOP thì quả banh sẽ dừng lại tại chỗ nào tuỳ ý chúng ta.
Trong trường hợp nầy chúng ta muốn quả banh sẽ khởi hành ở vị trí 0 pixel và sẽ lộn trở lại chỗ chúng ta muốn là 100 pixels dầu trái banh đang di chuyển ở vị trí rất xa hay rất gần trên màng hình monitor.
Trước hết quý bạn nếu không biết vẽ trái banh thì dùng Screenshot chụp hình trái banh nầy rồi save trong My documents ở dạng như sau : ball2.gif.
Nếu không save trong My documents thì không có kết quả.
Phần chữ viết màu lá cây phải viết đúng img id=”banh” hoặc viết image id=”banh” thì mới có kết quả.
Dùng chữ khác thí dụ như photo id=”banh”, picture id=”banh” đều không có kết quả.
Cũng phải có src=”ball2.gif” để chỉ chỗ hình quả banh tàng trử trong My documents.Nếu thiếu nó thì chỉ thấy xuất hiện một khung chữ nhật mà thôi, không có hình quả banh nào hết.Nhưng khung chữ nhật nầy vẫn di chuyển in hệt như hình quả banh.
Trong bảng html trên không cần function init() vì có src.
Ngoài cách dùng parseInt() để làm quả banh di chuyển,còn có cách khác .Thí dụ
function doMove(){
loc+=1; object.style.left=loc;} sẽ làm quả banh di chuyển giống như trên.
Xem bài hướng dẫn kế tiếp.
