Html
All we need to do is add the following code to the first line of <body>.
<div id= "Fakeloader" ></div>
Css
Then load the CSS style file in
<link rel= "stylesheet" href= "Css/fakeloader.css" >
Js
Don't forget to load the jquery library file and fakeloader.js.
<script src= "Js/jquery.js" ></script>
<script src= "Js/fakeloader.min.js" ></script>
Then, on the top line of </body>, add the following code:
<script type= "Text/javascript" >
$ ("#fakeloader"). Fakeloader ();
</script>
The above code calls the Fakeloader.js plug-in, which also provides the following option settings.
Timetohide: Transition load animation time, milliseconds, default 1200.
Spinner: Animation effect, there are 7 values to choose from: ' Spinner1 ', ' spinner2 ', ' spinner3 ', ' spinner4 ', ' spinner5 ', ' spinner6 ', ' spinner7 ', default value: Spinner1.
BgColor: Gradient mask layer background color, default: "#2ecc71".
ImagePath: Custom transition animation picture.
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
