簡體   English   中英

如何在頁面加載之前運行加載動畫

[英]How do I run a loading animation before page load

就像這樣一個-http: //www.solasie.com/en/ 我也希望動畫每次加載,而不是第一次加載。

這里是相關的問題。

在使用JQueryWeb頁面加載頁面時顯示動畫

如何在Flash加載之前加載動畫gif

編輯1

我嘗試使用以下代碼。 顯示錯誤。

<html >
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<title>Page Title</title>
</head>
<body>
<div id="loading">
<img src="counting30ll6.gif" > 
</div>
<script type="text/javascript">
  $(window).load(function(){
  $('#loading').delay(10000).queue(function(){ $(this).hide();$(this).dequeue(); });
</script>
</body>
</html>

實際上,此動畫是在頁面加載后運行的。 將所有動畫代碼包裝到一個函數中,然后在onLoad事件上將其綁定。 這將給您想要的印象。

編輯這是一個小jsfiddle,可能會給您一些指導。

jsfiddle.net/gBspY/

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM