Học JavaScript qua ví dụ part 49

Hoạt hình và Timers Trên một miếng nhỏ nhưng dày của giấy là một cậu bé đã thu hút được một người đàn ông dính trên mỗi trang. Đối với mỗi trang thu hút người đàn ông ông thanh của mình ở một vị trí khác nhau trông dể thương, có thể di chuyển một chân và một cánh tay xuống. Sau khi điền các pad với hình ảnh người đàn ông như nhiều người ít dính như ông muốn rút ra, ông ta đi đến người bạn của mình và bắt đầu nhanh chóng lật các trang | Animation and Timers 449 Home About Contact Blog Web-standard solutions for a non-standard world Home Software Projects JavaScript Slideshow dZj Print this page E3 Email this page Add to Translate this page Italian V Ok Projects Support future development I Make a Donation j CSS Positioning CSS Colors Filter Select Slideshow Screencasts Syndication Tab Interface Truncate HTML Text Web Data Encoder More. Intro Wizards Download Examples Tutorials Docs License Welcome to the BarelyFitz JavaScript slideshow Use the slideshow controls for a tour of the slideshow features. This is free open-source software you can redistribute it and or modify it under the terms of the GNU General Public License. For more information refer to the License page. The slideshow is supported by user donations. Slideshow Slideshow Home Slideshow wizard Rate This Sciipt Excellent Vote Figure An open source Web site that provides excellent examples of slideshows. Animation and Timers On a small but thick pad of paper a boy has drawn a stick man on each page. For each page he draws his stick man in a sightly different position maybe moving one leg up and an arm down. After filling the pad with as many little stick man pictures as he wants to draw he goes to his friend and starts rapidly flipping the pages. Voila He has made a little movie Although seemingly primitive this is the idea behind JavaScript animation. Instead of flipping through a pad of drawings the stick man drawings can be scanned into your computer as a set of images as shown in Figure . JavaScript can load the images and then give them the appearance of animation by using a timer that will be set to put a new image on the page at short repeating intervals similar to flipping the pages of the small pad of paper. With JavaScript a number of DOM elements img div etc. can be moved in the document according to a looping mechanism or an expression tied to a timer. Two JavaScript functions .