Young87

当前位置:首页 >个人收藏

鼠标滚动加载图片及图片动画

$(function(){
    setContainerH(".item_list");
    screenLazyLoad({
        defObj:".item_list"
    });

});
function screenLazyLoad(option) {
    var settings = {
        defObj: null,
        defHeight: 0
    };
    settings = $.extend(settings, option || {});
    var defHeight = settings.defHeight;
    var defObj = (typeof settings.defObj == "object") ? settings.defObj.find("img") : $(settings.defObj).find("img");
    //console.log(len);
    var clientH = document.documentElement.clientHeight;
    var pageTop = function() {
        return clientH + Math.max(document.documentElement.scrollTop, document.body.scrollTop) - settings.defHeight;
    };
    var imgLoad = function() {
        defObj.each(function() {
            var src2 = $(this).data("origin");//已显示的不用再显示
            var styleName = $(this).data('class');
            if ($(this).offset().top <= pageTop()) {               
                if (src2) {                    
                    $(this).attr("src", src2).addClass(styleName).removeAttr('data-origin'); //显示origin属性
                }
            }else{
                $(this).removeClass(styleName);
            }
        });
    };
    imgLoad();
    $(window).bind("scroll", function() {
        imgLoad();
    });
}
function setContainerH(obj){
    var defObj = (typeof obj == "object") ? obj : $(obj);
    var len = defObj.length;
    var clientH = document.documentElement.clientHeight;
    defObj.each(function(i){
        //alert(i);
        if(i < len-1){
            $(this).height(function(h,oldH){ return oldH = clientH-(clientH *0.1)} );  //设置行高;
        }
    });
}

除特别声明,本站所有文章均为原创,如需转载请以超级链接形式注明出处:SmartCat's Blog

上一篇: 白话大数据——大数据算法:白话遗传算法

下一篇: 雷军在联想的演讲:全场无言,除了掌声!

精华推荐