Search
 
SCRIPT & CODE EXAMPLE
 

HTML

how to add preloader in html page

$(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'});
})
Comment

preload html

<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>
Comment

PREVIOUS NEXT
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 
ADD CONTENT
Topic
Content
Source link
Name
5+4 =