jquery-jquery.preloader页面预加载插件

最新推荐文章于 2025-02-19 10:49:55 发布

许跃飞

最新推荐文章于 2025-02-19 10:49:55 发布

阅读量3.2k

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/weixin_41395648/article/details/82424832

版权

本文档介绍了jQuery预加载插件jquery.preloader的使用方法，包括载入JS、HTML引用及CSS设置，帮助实现页面内容在加载前的预展示效果。

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

参考文档http://www.htmleaf.com/jQuery/Layout-Interface/201607263781.html
* 载入js:

<script src="jquery/jquery-3.2.1.min.js"></script>
    <script src="jquery/jquery.preloader.min.js"><script>
    <script type="text/javascript">
    $(window).preloader({
        delay: 1000
    });
</script>

html:

<div id="preloader">
 内容
</div>

CSS:

<style>
        #preloader {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff;
            z-index: 10000;
        }
</style>