js 等待效果(只有图片)

最新推荐文章于 2022-11-06 21:09:25 发布

转载最新推荐文章于 2022-11-06 21:09:25 发布 · 1.5k 阅读

文章标签：

#js请求等待

js 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了如何使用CSS创建一个动画加载提示效果，并通过设置z-index和margin属性来优化其显示位置。

css:

#loading{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.3);
<a href="https://www.baidu.com/s?wd=z-index&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d-mymkuj0LuARYnhf4Pvw90AP8IA3qPjfsn1bkrjKxmLKz0ZNzUjdCIZwsrBtEXh9GuA7EQhF9pywdQhPEUiqkIyN1IA-EUBt3P1fsP10Yn10YrHmsPHbLP1c" target="_blank" class="baidu-highlight">z-index</a>:15000;}
#loading img{
position:absolute;
top:50%;
left:50%;
width:50px;
height:50px;
margin-top:-15px;
<a href="https://www.baidu.com/s?wd=margin-left&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1d-mymkuj0LuARYnhf4Pvw90AP8IA3qPjfsn1bkrjKxmLKz0ZNzUjdCIZwsrBtEXh9GuA7EQhF9pywdQhPEUiqkIyN1IA-EUBt3P1fsP10Yn10YrHmsPHbLP1c" target="_blank" class="baidu-highlight">margin-left</a>:-15px;}