不需要图片的延迟加载,希望数据延迟加载,
打个比方,一个div包含n行记录,但每次显示具体多少行,当滚动条向下移动时自动加载,或者数据距显示部分相差n像素的时候加载数据,必须用lazyload
打个比方,一个div包含n行记录,但每次显示具体多少行,当滚动条向下移动时自动加载,或者数据距显示部分相差n像素的时候加载数据,必须用lazyload
解决方案 »
- Jquery.Pagination页数刷新问题
- js如何读取天气预报的json?
- jQuery 用"X"关闭Dialog时调用事件,如何实现?
- js options
- 请问复选框返回的值是数组马
- js给多个图片添加事件时的传值问题(很急)
- 怎样让下拉框选择的值与文本框的现有值连接在一起?
- 如何判断输入文本框的内容是不是汉字、数字,或只允许文本框输入字母汉字,高手解答哈,偶很菜的
- 是否可以在页面的onload()事件中,做一些判断,根据结果重定向到另一个页面?
- 用asp编写对个聊天室,用户纪录和聊天纪录怎么存放好。
- 如何获取所有type=text的input控件
- 正则换出所有<img 标签,并替换src路径,怎么弄?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
</head>
<body>
初始图片<img src="http://www.iaechina.net.cn/images/logo.gif"/>
<div id="lazyBox" style="margin-top:100px;">
滚动才能看到图片
<img width="120" height="90" class="lazyImg" alt="http://www.iaechina.net.cn/images/logo.gif" src="http://css.tudouui.com/skin/__g/img/sprite.gif" coords="_DAA"/>
<img width="120" height="90" class="lazyImg" alt="http://www.iaechina.net.cn/images/logo.gif" src="http://css.tudouui.com/skin/__g/img/sprite.gif" coords="_DBA"/>
</div>
<div style="height:1000px;">
</div>
<script type="text/javascript">
var isShow=false;
$(window).bind("scroll",function(){
if(isShow==true){
$(window).unbind("scroll");
return;
}
var t = $(document).scrollTop();
if (t>500){
isShow=true;
$(".lazyImg").each(function(){
$(this).attr("src",$(this).attr("alt"));
});
}
});
</script>
</body>
</html>
这种?