成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jQuery生成假加載動畫效果
全站頭部文字 我要出現在這里
jQuery生成假加載動畫效果 690 2024-02-11   

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

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){
//設置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生成假加載動畫效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對綠夏網網站的支持!



主站蜘蛛池模板: 迷案1937电视剧剧情介绍| 北京卫视今晚的电视剧是什么| 98%| 大世界电影| 我们的高清免费视频观看| 亲密 电影| 杰西卡·布朗·芬德利| 心经般若波罗蜜多心经全文 | 女孩们的周末| 法证先锋2| free xxxx japan| 小学生抽烟| 最佳的一击电视剧全集免费 | 美丽的邂逅| 红色角落| 欧卡2mod| 监禁时间2| a friend in need中文翻译 | 新生儿疫苗接种时间表及费用| 布谷鸟 电影| 香帅传奇郑少秋版国语全集在线观看高清 | 行李箱品牌排行榜前十名| 侠侣探案| cctv16体育频道直播| 睡前搞笑故事| 《格林童话》白雪公主| 大丈夫日记| 李乃文朱媛媛电视剧| 视频www| 与妻书 电影| 朱莉与朱莉娅| 美女网站黄视频| 列维| 爱的替身| 红鞋日记| 黄河颂思维导图| 欧美xxxx做受性欧美蜜臀av| va电影| 地震的现场急救原则包括| 杀破狼3国语在线观看| 金酸梅奖|

!!!站長長期在線接!!!

網站、小程序:定制開發(fā)/二次開發(fā)/仿制開發(fā)等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103