zoukankan      html  css  js  c++  java
  • 背景图片lazyload

        // 背景lazyload
        var $willBgItems= $("[data-lazy-bg]");
        if ($willBgItems.length>0){
            var topArray=[];
            var $willDistance = $(window).height()*1.8;
            $willBgItems.each(function(i,element){
                topArray[i]=$(element).offset().top
            });
            function updateImage(){
                $willBgItems.each(function(i,element){
                    if ($(element).data("lazy-bg").length>0 && $(element).data("lazy-bg")!=element.style.backgroundImage.replace(/"|'/g,"").replace(/url(|)$/ig, "")){
                        if (topArray[i]<$(window).scrollTop()+$willDistance){
                            $(element).css({
                                "background-image":'url('+$(element).data("lazy-bg")+')'
                            })
                        }
                    }
                });
            }
            updateImage();
            $(window).bind("scroll", function (event) {
                updateImage();
            })
        }
    
  • 相关阅读:
    14.会场安排问题(L4)
    图形化调试工具DDD
    sking
    全排列
    DNS
    一种排序
    多边形重心问题
    街区最短路径问题
    Fibonacci数
    python url解析
  • 原文地址:https://www.cnblogs.com/anyaran/p/4882970.html
Copyright © 2011-2022 走看看