欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery生成假加載動畫效果

 更新時間：2016年12月01日 11:51:05   作者：println小強  
在使用PDFObject.js時，由于后臺需要轉(zhuǎn)換數(shù)據(jù)，在前臺顯示的時候，有很長一段時間顯示空白頁面，所以想到寫一個假的加載動畫，下面看下實現(xiàn)代碼

在使用PDFObject.js時，由于后臺需要轉(zhuǎn)換數(shù)據(jù)，在前臺顯示的時候，有很長一段時間顯示空白頁面，所以想到寫一個假的加載動畫

script片段：

<script type="text/javascript">
var bar = 0; 
var line = "||" ; 
var amount ="||" ; 
function count(){ 
bar= bar+2 ; 
amount =amount + line; 
$("#chart").val(amount);
$("#percent").val(bar+"%"); 
if (bar<99){
//設(shè)置1.5秒循環(huán)一次
setTimeout("count()",150);
}else{
$("#beforeSee").hide();
$("#pdfSee").show();
};
};
window.onload = function (){
PDFObject.embed("請求?code=${vdata.code}", "#pdfSee");
count(); 
}; 
</script>

body片段：

<body >
<div align=center id="beforeSee" width="100%" height="100%"> 
<p><span class="red" style="font-size:50px;">拼命加載中，請稍后</span></p> 
<p> 
<input type="text" id="chart" name="chart" size="46" style="font-family:Arial; font-weight:bolder; color:gray;background-color:white; padding:0px; border-style:none;"> 
<br> 
<input type="text" id="percent" name="percent" size=46 style="font-family:Arial; color:gray; text-align:center; border-width:medium; border-style:none;">
<script type="text/javascript">
</script>
</p> 
</div>
<div align=center id="pdfSee" style="display:none" width="100%" height="100%">
<p><span class="red" style="font-size:50px;">控件丟失，請重新加載</span></p>
</div>
</body>

以上所述是小編給大家介紹的jQuery生成假加載動畫效果，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

  • JQuery報錯Uncaught TypeError: Illegal invocation的處理方法

    JQuery報錯Uncaught TypeError: Illegal invocation的處理方法

    這篇文章主要介紹了JQuery報錯"Uncaught TypeError: Illegal invocation"的處理方法,需要的朋友可以參考下
    2015-03-03
  • jQuery 3 中的新增功能匯總介紹

    jQuery 3 中的新增功能匯總介紹

    本文帶你了解了一遍 jQuery 3 將會帶來的一些重大變化?；蛟S你已經(jīng)注意到了，這個版本是可能對你現(xiàn)有的項目產(chǎn)生太大的影響，因為沒有引入太多許多重大更改。
    2016-06-06
  • jQuery之關(guān)于resize()方法的使用

    jQuery之關(guān)于resize()方法的使用

    這篇文章主要介紹了jQuery之關(guān)于resize()方法的使用，具有很好的價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
    2023-07-07
  • 細(xì)說瀏覽器特性檢測(2)-通用事件檢測

    細(xì)說瀏覽器特性檢測(2)-通用事件檢測

    在上一篇中介紹了jQuery1.4版本新增的幾個瀏覽器特性檢測方案和具體的目的，本文將以事件為中心，介紹一個較為完整、通用的事件檢測方案。
    2010-11-11
  • jQuery通過ajax請求php遍歷json數(shù)組到table中的代碼(推薦)

    jQuery通過ajax請求php遍歷json數(shù)組到table中的代碼(推薦)

    這篇文章主要介紹了jQuery通過ajax請求php遍歷json數(shù)組到table中代碼(推薦)的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下
    2016-06-06
  • jquery獲取復(fù)選框被選中的值

    jquery獲取復(fù)選框被選中的值

    這篇文章主要介紹了jquery獲取復(fù)選框被選中的值的方法,需要的朋友可以參考下
    2014-03-03
  • jquery插件實現(xiàn)掃雷游戲(1)

    jquery插件實現(xiàn)掃雷游戲(1)

    這篇文章主要為大家詳細(xì)介紹了jquery插件實現(xiàn)掃雷游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2021-04-04
  • jQuery.Form上傳文件操作

    jQuery.Form上傳文件操作

    這篇文章主要介紹了jQuery.Form上傳文件操作,首先需要我們先建立test文件夾，具體代碼內(nèi)容大家通過本文學(xué)習(xí)下吧
    2017-02-02
  • jquery validate表單驗證的基本用法入門

    jquery validate表單驗證的基本用法入門

    這篇文章主要為大家介紹了jquery validate表單驗證的基本用法入門，jQuery Validate 插件為表單提供了強大的驗證功能，讓客戶端表單驗證變得更簡單，同時提供了大量的定制選項，滿足應(yīng)用程序各種需求，感興趣的小伙伴們可以參考一下
    2016-01-01
  • jQuery前端框架easyui使用Dialog時bug處理

    jQuery前端框架easyui使用Dialog時bug處理

    本文介紹了在jQuery前端框架easyui開發(fā)UI時，使用Dialog時發(fā)現(xiàn)遮罩無法覆蓋頁面內(nèi)容，而且對話框也顯示不出來，經(jīng)過一番研究，才發(fā)現(xiàn)問題所在，這里分享給大家，有相同情況的小伙伴可以參考下
    2014-12-12

最新評論