$(window).on('load', function() { // makes sure the whole site is loaded
$('#status').fadeOut(); // will first fade out the loading animation
$('#preloader').delay(350).fadeOut('slow'); // will fade out the white DIV that covers the website.
$('body').delay(350).css({'overflow':'visible'});
})
<head>
<meta charset="utf-8">
<title>JS and CSS preload example</title>
<link rel="preload" href="style.css" as="style">
<link rel="preload" href="main.js" as="script">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>bouncing balls</h1>
<canvas></canvas>
<script src="main.js" defer></script>
</body>
Code Example |
---|
Html :: iframe syntax |
Html :: html elements list |
Html :: title html hover style |
Html :: q tag in html |
Html :: how to code in html |
Html :: react font color |
Html :: html q tag |
Html :: nuxt i18 |
Html :: what is <tr in HTML |
Html :: put the text in the end of navbar collapse |
Html :: html peseta |
Html :: site:www.javascriptcn.com como criar uma cal com letras e numeros |
Html :: download html page |
Html :: tag field |
Html :: npm package private true |
Html :: How to include two pictures side by side in Markdown for Jupyter Notebook |
Html :: carousel in bootstrap |
Html :: xss protection |
Html :: onclick reportrange html |
Html :: <a href="#"<div class="fab fa-instagram"</i</a |
Html :: change bootstrap background color |
Html :: html tabellen formatieren |
Html :: leaderboard html |
Html :: symfony twig form value |
Html :: run script after html load |
Html :: simple form for add id to input |
Html :: time in website |
Html :: html input date range |
Html :: latex in html |
Html :: HTML JWB |