美文网首页
定时器网页进度条

定时器网页进度条

作者: 梦顔 | 来源:发表于2019-07-21 15:35 被阅读0次

    常用的网页进度条

    1.对数据载入进行侦测

    编辑器Dream sublim

    定时器延误3秒,但是效果不会太好

    https://icons8.com/preloaders在线生成进度小图标gif动画

    定时器

    <script type="text/javascript" src="jquery-1.11.3.min.js"></script>

    <script>

    $(function(){

    setInterval(function(){

    $(".class").fadeOut();//画面隐藏

    },3000)//时间隐藏

    })

    </script>

    让一个gif居中显示

    {

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    margin: auto;

    }

    设置坐标原点

    {position: fixed;

    top:0;

    left: 0;}

    相关文章

      网友评论

          本文标题:定时器网页进度条

          本文链接:https://www.haomeiwen.com/subject/oezmlctx.html