鼠标滚动加载图片及图片动画
日期: 2015-01-16 分类: 个人收藏 320次阅读
$(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
上一篇: 白话大数据——大数据算法:白话遗传算法
下一篇: 雷军在联想的演讲:全场无言,除了掌声!
精华推荐