100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html加载页面转圈圈怎么打 js实现等待加载“转圈圈”效果

html加载页面转圈圈怎么打 js实现等待加载“转圈圈”效果

时间:2022-08-01 04:15:01

相关推荐

html加载页面转圈圈怎么打 js实现等待加载“转圈圈”效果

完美实现加载转圈圈效果:

js代码:

function showLoading(show){if(show){document.getElementById("over").style.display = "block";document.getElementById("layout").style.display = "block";}else{document.getElementById("over").style.display = "none";document.getElementById("layout").style.display = "none";}

}

样式:

.overLoading {

display: none;

position: absolute;

top: 0;

left: 0;

width: 100%;

height: 100%;

background-color: #f5f5f5;

opacity:0.5;

z-index: 1000;

}

.layoutLoading {

display: none;

position: absolute;

top: 40%;

left: 40%;

width: 20%;

height: 20%;

z-index: 1001;

text-align:center;

}

html:

看懂了吗?还缺少一张图!附件下载

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。