Shulou(Shulou.com)06/02 Report--

This article mainly explains the "longing load example tutorial", interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Next, let the editor take you to learn the "longing loading example tutorial"!

Var frame_Imgs_1= ['run_1.png','run_2.png','run_3.png','run_4.png','run_5.png','run_6.png','run_7.png','run_8.png','run_9.png','run_10.png','run_11.png','run_12.png'] at the beginning of stimulation 'run_13.png','run_14.png','run_15.png','run_16.png',] / / create a new animation instance var cfa1=new canvasfa ({cav:'clgass'//canvas canvas id, frames:frame_Imgs_1// frame animation material, url:' http://www.zaidu.sn.cn/demo/zaidu_03/img/'// image path) Fps:24// [optional parameters] frames per second The default is 15 frames per second. (the LCD screen is refreshed 60 times per second, so the number of frames is preferably divisible by 60), loop:true// [optional parameters] plays in a loop, false plays in a single cycle and stays in the last frame. True and default is loop playback / /, whether the autoplay:false// [optional parameters] material will play automatically after loading; if false does not play, true and default will automatically play. You can use the instance object .start () to manually enable playback / /, and the loading_done:alert1// [optional parameters] parameter needs to be a function to run after the material is loaded. This parameter can be defaulted. }); / / start var _ PageHeight = document.documentElement.clientHeight, _ PageWidth = document.documentElement.clientWidth;// to calculate the distance between the top and the left of the loading box (the width of the loading box is 215px, the height is 61px) var _ LoadingTop = _ PageHeight > 61? (_ PageHeight-61) / 2: 0, _ LoadingLeft = _ PageWidth > 215? (_ PageWidth-215) / 2: 0 / / loading Html custom content var _ LoadingHtml = document.getElementById ("clgass") displayed before the page is loaded; / / rendering loading effect / * 'page loading, please wait.' * / [xss_clean] (_ LoadingHtml); / _ window.onload = function () {/ / var loadingMask = document.getElementById ('loadingDiv') / / load loading [XSS _ clean] .removeChild (loadingMask); / / listen to load state change _ document.onreadystatechange = remove loading effect function completeLoading () {if (document.readyState = = "complete") {var loadingMask = document.getElementById ('loading') when load state is complete; load Mask [XSS _ clean] .removeChild (loadingMask) }} at this point, I believe you have a deeper understanding of the "longing loading instance tutorial". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.