cari

Rumah  >  Artikel  >  hujung hadapan web  >  kaedah jquery untuk memaparkan memuatkan imej sehingga halaman web dimuatkan_jquery

kaedah jquery untuk memaparkan memuatkan imej sehingga halaman web dimuatkan_jquery

WBOY
WBOYasal
2016-05-16 15:52:401507semak imbas

Contoh dalam artikel ini menerangkan cara jquery memaparkan memuatkan imej sehingga halaman web dimuatkan. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut: 

<!DOCTYPE html>
<html class="no-js">
<head>
 <meta charset='UTF-8'>
 <title>Simple Loader</title>
 <style>
  /* This only works with JavaScript, 
   if it's not present, don't show loader */
  .no-js #loader { display: none; }
  .js #loader { display: block; position: absolute; left: 100px; top: 0; }
 </style>
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
 <script src="https://github.com/Modernizr/Modernizr/raw/master/modernizr.js"></script>
 <script>
  // Wait for window load
  $(window).load(function() {
   // Animate loader off screen
   $("#loader").animate({
    top: -200
   }, 1500);
  });
 </script> 
</head>
<body>
 <img src="download.png" id="loader">
 <img src="http://farm6.static.flickr.com/5299/5400751421_55d49b2786_o.jpg">
</body>
</html>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan jquery semua orang.

Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：Objek argumen mengesahkan sama ada parameter fungsi adalah kemahiran legal_javascriptArtikel seterusnya：Objek argumen mengesahkan sama ada parameter fungsi adalah kemahiran legal_javascript

Artikel berkaitan

Lihat lagi