2

HTML、CSS3、および Dart を使用して構築したサイトがあります。では、ページのすべてのコンテンツが読み込まれる前に実行されるプリローダーを作成するにはどうすればよいでしょうか?

http://cssload.net/のようなものを使用することさえ考えてい たので、どんな提案も受け付けています...

更新: このようなものですが、Dart では: http://gayadesign.com/scripts/queryLoader2/ http://www.gayadesign.com/diy/queryloader2-preload-your-images-with-ease/

4

2 に答える 2

0

HTML ページの body タグの後に、このような HTML コードを追加します。好きな画像を選択してください。

<div id="preloader">
   <img id="spinner" src="http://cssload.net/preloaders/circular.gif" alt="" />
</div>

このjqueryコードを使用してください...

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
/* the preloader division is visible until the whole page loades and then fades out using this code */
$(window).load(function() {
   $('#preloader').fadeOut(300, function() {
      $(this).remove();
   });
}); 
</script>

そして、このcssコードを追加します

#preloader,#spinner {  
     position:fixed;  
     top:0; left:0; right:0; bottom:0; margin:auto; 
     background:#fff;  
     z-index:9999;  
     overflow:hidden;
}

それが動作します...

于 2013-05-08T09:34:35.920 に答える