zoukankan      html  css  js  c++  java
  • jquery 延迟加载技术

    (function() {
        if ($('#id').length) {
            var win = $(window);
            var elements = $('#id').find('img');
            var checkShow = function(event) {
                    var fold = win.height() + win.scrollTop();
                    elements.each(function() {
                        if (fold > $(this).offset().top) {
                            $(this).trigger("appear");
                            elements = elements.not(this);
                        }
                    });
                    !elements.length && win.unbind("scroll", checkShow);
                };
            elements.each(function() {
                $(this).one("appear", function() {
                    $(this).attr("src", $(this).attr("longdesc"));
                });
            });
            win.bind("scroll", checkShow);
            checkShow();
        }
    })();

    原理就是:拓展html 属性 用来存放图片的src只需页面滚动的时候,切换过来即可、

    上面的代码没有稳定撤退,其实只需要html按照原来的写法写、在加载的时候,把src换成lsrc 然后滑动时候,再切换回来即可、

  • 相关阅读:
    关于天气插件代码
    新的起点了
    如何实现按下回车键实现搜索

    random模块
    循环导入问题
    模块的搜索路径
    import 和from…import
    模块四种形式
    面向过程编程
  • 原文地址:https://www.cnblogs.com/linksgo2011/p/3296735.html
Copyright © 2011-2022 走看看