Using JQuery Display Loading Image While Page Loads for PHP, ASP.Net, HTML
-
Select loading .gif image.
-
Add the following div tag in html body element possibly immediately after start body tag : <div class="page_load"></div>
-
Add CSS to in head tag : .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('images/loader.gif') 50% 50% no-repeat rgb(255,255,255); }
-
Add jquery in the head tag : <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(window).load(function() { $(".page_load").fadeOut("slow"); }) </script>
You may also like :
Corona virus _ A Virus or Conspiracy by China..
Fastest supercars comparision-Mercedes-Benz AMG SL vs Audi R8..
What Your Sun Sign Says..
Top 10 Football Player With Highest Number of Goals..
Worlds most expensive car and who is the owner..
does amazon affiliate pay for clicks and Amazon Affiliate program click payment terms and condition..
Nikola Tesla the electric man..
How Bohr impoved Atomic theory..
Magic Behind the Radiation-Quantum Theory of Radiation and Black body ..
How Electromagnetism was discovered used and who pioneered it..
TOP MOST VALUED COMPANIES ..
WORLD COULD BE END SOON IF..
Tech Giants Microsoft Facebook Twitter YouTube against terrorism..
