下面是我的代码,我使用下面的代码,并在github上部署页面预加载器现在工作。部署后在控制台status.gif中显示一条错误消息,但在本地主机中未显示
Github链接:-https://github.com/mohit421/Portfolio
为什么?CSS代码:-
body{
overflow:hidden;
}
#preloader {
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:var(--clr-light); /* change if the mask should have another color then white */
z-index: 999999; /* makes sure it stays on top */
}
#status {
width:300px;
height:200px;
position:absolute;
left:50%; /* centers the loading animation horizontally one the screen */
top:50%; /* centers the loading animation vertically one the screen */
background-image:url(/img/status6.gif?); /* path to your loading animation */
background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px; /* is width and height divided by two */
}
HTML代码:-
<div id="preloader">
<div id="status"> </div>
</div>
JavaScript代码:
<script type="text/javascript">
setTimeout(function(){
$('#preloader').fadeOut();
$('.preloader_img').delay(150).fadeOut('slow');
}, 5500);
</script>
1条答案
按热度按时间kxxlusnw1#
您的GitHub页面:https://mohit421.github.io/Portfolio/不工作,因为您正在加载没有HTTPS的jQuery库URL。
所以,你在Chrome控制台中遇到了这个错误:
混合含量:位于'https://mohit421.github.io/Portfolio/'的页面通过HTTPS加载,但请求了不安全的脚本'http://code.jquery.com/jquery-2.1.4.min.js'。此请求已被阻止;内容必须通过HTTPS提供。
请看下面的图片。
您需要在jQuery库调用中使用**
https
**。