Javascript QueryLoader2+；装载机
我想将LoadGO的效果与QueryLoader2链接，但我无法在QueryLoader2中调用LoadGO的函数。谁能帮我解决这个问题？LoadGO加载效果令人难以置信，QueryLoader的机制也非常完美，所以我正在尝试将这两个代码结合起来。遵循代码：Javascript QueryLoader2+；装载机,javascript,Javascript,我想将LoadGO的效果与QueryLoader2链接，但我无法在QueryLoader2中调用LoadGO的函数。谁能帮我解决这个问题？LoadGO加载效果令人难以置信，QueryLoader的机制也非常完美，所以我正在尝试将这两个代码结合起来。遵循代码： <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="css/bootstrap/css
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap/css/bootstrap-theme.min.css">
<link rel="stylesheet" type="text/css" href="js/libs/font-awesome-4.5.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- QUERYLOADER2 -->
<script src="js/queryloader2.min.js" type="text/javascript"></script>
<script src="js/libs/jquery-2.1.4.min.js"></script>
</head>
<body>
<!-- =======================================
Preloader - QUERYLOADER2 DEPENDENCIES
============================================ -->
<script type="text/javascript">
window.addEventListener('DOMContentLoaded', function() {
"use strict";
new QueryLoader2(document.querySelector("body"), {
barColor: "#f31e1e",
backgroundColor: "#fff",
percentage: true,
barHeight: 2,
completeAnimation: "grow",
minimumTime: 300,
fadeOutTime: 1200,
deepSearch: true,
});
});
</script>
<style>
#qLoverlay::before {
width:600px;
height:600px;
position:absolute;
top: 50%;
left: 50%;
content:url(logos/tauri_3d.png); /* verificar tamanho da imagem e dividir por 2(DOIS) para alinhamento em "margin-left" */
margin-left: -600px;
margin-top: -750px;
}
</style>
<div class="teste">
<p align="justify">A FUNCAO TEM QUE RODAR ANTES DAQUI !!!!</p>
</div>
<script type="text/javascript" src="js/libs/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="js/libs/bootstrap.min.js"></script>
<script type="text/javascript" src="js/loadgo/loadgo.js"></script>
<script type="text/javascript" src="js/main_loadgo.js"></script>
<script type="text/javascript" src="js/queryloader2.min.js"></script>
</body>
</html>
Ahead , the main_loadgo.js function ( LoadGO )
var tauriInterval;
function execute (_id, index, interval) {
$('#msg-' + index).animate({
'opacity': '0'
});
$('#progress-' + index).animate({
'opacity': '1'
});
var p = 0;
$('#' + _id).loadgo('resetprogress');
$('#progress-' + index).html('0%');
window.setTimeout(function () {
interval = window.setInterval(function (){
if ($('#' + _id).loadgo('getprogress') == 100) {
window.clearInterval(interval);
$('#msg-' + index).animate({
'opacity': '2'
});
$('#progress-' + index).animate({
'opacity': '0'
});
}
else {
var prog = p*5;
$('#' + _id).loadgo('setprogress', prog);
$('#progress-' + index).html(prog + '%');
p++;
}
}, 150);
}, 300);
}
$(window).load(function () {
$("#tauri").load(function() {
// id de chamada da imagem
$('#tauri').loadgo();
}).each(function() {
if(this.complete) $(this).load();
});
});
Who can help me , thank you !
addEventListener（'DOMContentLoaded'，function（）{
“严格使用”；
新的QueryLoader2（document.querySelector（“正文”）{
barColor:#F31EE“，
背景颜色：“fff”，
百分比：正确，
酒吧高度：2，
完成动画：“成长”，
最短时间：300，
衰减时间：1200，
深度搜索：没错，
});
});
#qLoverlay:：之前{
宽度：600px；
高度：600px；
位置：绝对位置；
最高：50%；
左：50%；
内容：url（logos/tauri_3d.png）；/*verificar tamanho da imagem e dividir por 2（DOIS）para alinhamento em“左边距”*/
左边距：-600px；
利润上限：-750px；
}
这是一个很好的证明
前面是主函数loadgo.js（loadgo）
var Tauri区间；
函数执行（_id，索引，间隔）{
$（'#msg-'+索引）。设置动画({
“不透明度”：“0”
});
$（“#进度-”+索引）。设置动画({
“不透明度”：“1”
});
var p=0；
$（'#'+_id）.loadgo（'resetprogress'）；
$（'#progress-'+index）.html（'0%'）；
setTimeout（函数（）{
interval=window.setInterval（函数（）{
如果（$（'#'+_id）.loadgo（'getprogress'）==100）{
窗口。清除间隔（间隔）；
$（'#msg-'+索引）。设置动画({
“不透明度”：“2”
});
$（“#进度-”+索引）。设置动画({
“不透明度”：“0”
});
}
否则{
var-prog=p*5；
$（'#'+_id）.loadgo（'setprogress'，prog）；
$（'#progress-'+index）.html（prog+'%'）；
p++；
}
}, 150);
}, 300);
}
$（窗口）。加载（函数（）{
$（“#tauri”）.load（函数（）{
//查马达·达伊格姆酒店
$（'#tauri'）.loadgo（）；
}).each（函数（{
如果（this.complete）$（this.load（）；
});
});
谁能帮我，谢谢！