jquery lazyload 背景图片

jQuery Lazyload 主要是用来延迟加载图片，而不是背景图片。不过，如果你想要使用 jQuery Lazyload 来延迟加载背景图片，可以通过以下方法实现：

1. 将需要延迟加载的背景图片的 URL 存储在 data 属性中。

2. 将元素的背景图片设置为占位符（例如，一个灰色的背景）。

3. 使用 jQuery Lazyload 插件来加载背景图片。在插件的回调函数中，将背景图片的 URL 设置为元素的背景图片属性。

以下是一个示例代码：

HTML：

<div class="lazy-background" data-bg="path/to/image.jpg"></div>

CSS：

.lazy-background {
    background-color: #ccc; /* 占位符背景颜色 */
}

JavaScript：

$('.lazy-background').lazyload({
    threshold: 200, /* 距离视口多少像素时开始加载 */
    effect: 'fadeIn', /* 加载时的动画效果 */
    load: function() {
        var bg = $(this).data('bg');
        $(this).css('background-image', 'url(' + bg + ')');
    }
});