javascript 延迟加载技术(lazyload)简单实现
2011-01-17 22:12
686 查看
//比较某个子区域是否呈现在浏览器区域
function jiance(arr,prec1,callback){
var prec2;
for(var i = arr.length - 1 ; i >= 0 ;i--){
if(arr[i]){
prec2 = getSubClient(arr[i]);
if(intens(prec1,prec2)){
callback(arr[i]);
//加载资源后,删除监测
delete arr[i];
}
}
}
}
//检测目标对象是否出现在客户区
function autocheck(){
var prec1 = getClient();
jiance(arr,prec1,function(obj){
//加载资源...
alert(obj.innerHTML)
})
}
//子区域一
var d1 = document.getElementById("d1");
//子区域二
var d2 = document.getElementById("d2");
//需要按需加载区域集合
var arr = [d1,d2];
window.onscroll = function(){
//重新计算
autocheck();
}
window.onresize = function(){
//重新计算
autocheck();
}
相关文章推荐
- javascript 延迟加载技术(lazyload)简单实现
- javascript 懒加载技术(lazyload)简单实现
- [转]javascript 懒加载技术(lazyload)简单实现
- javascript 懒加载技术(lazyload)简单实现
- javascript 懒加载技术(lazyload)简单实现(一)
- javascript 懒加载技术(lazyload)简单实现
- javascript 懒加载技术(lazyload)简单实现 (转)
- JavaScript延迟加载lazyload的实现
- javascript - 简单实现一个图片延迟加载的jQuery插件
- 用LazyLoad实现Javascript脚本与Css样式文件延迟加载
- JavaScript实现图片延迟加载技术
- JavaScript 图像延迟加载库 Echo.js的简单使用
- jquery.lazyload 实现图片延迟加载jquery插件
- 背景图延迟加载(lazyload)技术
- JQuery LazyLoad实现图片延迟加载-探究
- 延迟加载(Lazyload)三种实现方式
- 转:图片延迟加载(lazyload)的实现原理
- jquery.lazyload 实现图片延迟加载jquery插件
- [转]使用jquery插件实现图片延迟加载技术
- javascript实现图片的延迟加载