前端实现加载中效果（源码）

最新推荐文章于 2024-05-02 09:01:20 发布

Self-study

最新推荐文章于 2024-05-02 09:01:20 发布

阅读量938

点赞数

分类专栏： javascript html 文章标签： html javascript css3 html5

本文链接：https://blog.csdn.net/weixin_44600810/article/details/108532473

版权

javascript 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

html

2 篇文章 0 订阅

订阅专栏

废话不多说，直接上代码好吧

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <title>框架中的LOADING</title>
    </head>

    <body>
        <div align="center" style="position: absolute; 
        width: 96px; height: 96px; z-index: 1; left:160px; top:18px" id="load">
            <img
                src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1599811896795&di=2c06b5a5462235e0a5ce93e2842b527a&imgtype=0&src=http%3A%2F%2Fhbimg.huabanimg.com%2Faf8ba90e5a40164dfa52125c5889d1ad2ce62cafbe70-9f0cWj_fw658" />&nbsp;loading...
        </div>
        <iframe style="visibility:hidden" onreadystatechange=stateChangeIE(this) onload=Firefox(this) name="callfram"
            id="callframe" width="1002" height="768" frameborder="0" marginheight="0">
        </iframe>
        <script>
            function stateChangeIE(_frame) //IE下
            {
                if (_frame.readyState == "interactive") //state: loading, interactive, complete
                {
                    var loader = document.getElementById("load");
                    loader.innerHTML = "";
                    loader.style.display = "none";
                    _frame.style.visibility = "visible";
                }
            }

            function Firefox(_frame) //FF下
            {
                var loader = document.getElementById("load");
                loader.innerHTML = "";
                loader.style.display = "none";
                _frame.style.visibility = "visible";
            }
            callfram.location.href = "https://blog.csdn.net/weixin_44600810/article/details/107518763";
        </script>
    </body>

</html>

Self-study

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端实现加载中效果（源码）

废话不多说，直接上代码好吧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>
复制链接

扫一扫