![](/img/trans.png)
[英]How do I set a delay for an animation to finish before loading the next page? [jQuery, Bootstrap]
[英]How do I run a loading animation before page load
就像這樣一個-http: //www.solasie.com/en/ 。 我也希望動畫每次加載,而不是第一次加載。
這里是相關的問題。
編輯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.