添加遮罩层

最新推荐文章于 2021-11-05 21:24:20 发布

原创最新推荐文章于 2021-11-05 21:24:20 发布 · 581 阅读

0 ·

CC 4.0 BY-SA版权

经验总结专栏收录该内容

17 篇文章

订阅专栏

本文介绍了一个使用JavaScript和HTML创建加载动画的方法。通过动态调整元素样式，实现了加载效果的显示与隐藏。该过程涉及到了DOM操作及定时器的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div id='Loading'
     style="position:absolute;z-index:1000;top:0px;left:0px;width:100%;height:100%;background:#DDDDDB ;text-align:center;">
    <div class="datagrid-mask"></div>
    <div class="loading"></div>

</div>

$("<div class=\"datagrid-mask\"></div>").css({
    display: "block",
    position: "absolute",
    width: "100%",
    height: "100%"
}).appendTo("#Loading");//这里面的width,height是根据tree的父div决定的
$("<div class=\"loading\"></div>").html("").css({
    position: "relative",
}).appendTo("#Loading").css({display: "block"});
setTimeout(function () {
    $("#Loading").fadeOut("normal", function () {
        $(this).remove();
    });
}, 500)