Code666 (代码贴、代码片段)

[JavaScript] jquery显示loading图片直到网页加载完成 →→→→→进入此内容的聊天室

来自 , 2020-01-27, 写在 JavaScript, 查看 109 次.
URL http://www.code666.cn/view/6b39183e
  1. <!DOCTYPE html>
  2. <html class="no-js">
  3.  
  4. <head>
  5.         <meta charset='UTF-8'>
  6.        
  7.         <title>Simple Loader</title>
  8.        
  9.         <style>
  10.                 /* This only works with JavaScript,
  11.                    if it's not present, don't show loader */
  12.                 .no-js #loader { display: none;  }
  13.                 .js #loader { display: block; position: absolute; left: 100px; top: 0; }
  14.         </style>
  15.        
  16.        
  17.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
  18.        
  19.        
  20.         <script src="https://github.com/Modernizr/Modernizr/raw/master/modernizr.js"></script>
  21.         <script>
  22.                 // Wait for window load
  23.                 $(window).load(function() {
  24.                         // Animate loader off screen
  25.                         $("#loader").animate({
  26.                                 top: -200
  27.                         }, 1500);
  28.                 });
  29.         </script>      
  30. </head>
  31.  
  32. <body>
  33.                
  34.        
  35.         <img src="download.png" id="loader">
  36.        
  37.        
  38.         <img src="http://farm6.static.flickr.com/5299/5400751421_55d49b2786_o.jpg">
  39.                
  40. </body>
  41.  
  42. </html>
  43. //javascript/4254

回复 "jquery显示loading图片直到网页加载完成"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666