.status-msg-wrap { display: none; }
  • Latest News

    Thứ Ba, 27 tháng 2, 2018

    CÁCH THÊM ẢNH GIF CỰC ĐẸP KHI ĐANG LOAD TRANG WEB

    Đầu tiên các bạn cần sử dụng ít nhất phiên bản 2.2.4 của JQuery.
    Sau đó chỉ cần thực hiện 3 bước đơn giản dưới đây:

    Bước 1 Thêm đoạn Css này:

    .loader {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: url('/Contents/Scripts/loading/songoku.gif') 50% 50% no-repeat rgb(249,249,249);
        opacity: .8;
    }




    Bước 2: Thêm đoạn js này vào thẻ head:
        <script type="text/javascript">
            $(window).load(function () {
                $(".loader").fadeOut("slow");
            });
        </script>

    Bước 3: Cuối cùng thì đặt thẻ html này vào thẻ div mà khi load xong thẻ div đó thì hình ảnh Gif sẽ biến mất.

    <div class="loader"></div>

    Xem demo kết quả tại đây.



    Next
    This is the most recent post.
    Bài đăng Cũ hơn
    • Blogger Comments
    • Facebook Comments

    2 nhận xét:

    Item Reviewed: CÁCH THÊM ẢNH GIF CỰC ĐẸP KHI ĐANG LOAD TRANG WEB Rating: 5 Reviewed By: Unknown
    Scroll to Top