jQuery

【jQuery】プリローダーjQueryプラグイン。Experiments Preloader

September 12, 2016
experiments-preloader

Experiments PreloaderはjQueryを使ったプリローダープラグイン。

CSS&JS

    <link rel="stylesheet" href="style.css">
    <script src="jquery.min.js"></script>

    <script>
        $(window).load(function () {
            setTimeout(function () {
                $(".preloader").css("display", "none");
                $("body").css("overflow", "auto");
            }, 500);
        });
    </script>

HTML

    <div class="preloader">
        <div class="loading"></div>
    </div>
    <main>
        <img src="http://lorempixel.com/1920/1920/sports">
        <img src="http://lorempixel.com/1920/1920">
        <img src="http://lorempixel.com/1920/1920/nature">
    </main>

MITライセンス