<html lang="en">
<head>
<title>Display Loading Image While Page Loads using jQuery</title>
<style>
p{font-size: 40px;}
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('pageLoader.gif') 50% 50% no-repeat rgb(249,249,249);
opacity: .8;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$(".loader").fadeOut("slow");
});
</script>
</head>
<body>
<div class="loader"></div>
<h2> </h2>
</body>
</html>
No comments:
Post a Comment