js 简单的下拉加载更多
2016-05-04 16:34
411 查看
var p = 0; //当前页数
var flag = true; //是否还有数据
$(window).scroll(function(){
if(flag) {
if($(document).height() - $(this).scrollTop() - $(this).height()
< 100) {
p++;//当前页数
get_img();//懒加载图片
getPageHtml();
}
}
});
function get_img() {
$("img").lazyload({
placeholder:"images/image_loading.png",
effect :"fadeIn"
});
}
function getPageHtml() {
var url = '';
$.getJSON(url, function(json){
if(json.data == '') flag = false;
//
});
}
var flag = true; //是否还有数据
$(window).scroll(function(){
if(flag) {
if($(document).height() - $(this).scrollTop() - $(this).height()
< 100) {
p++;//当前页数
get_img();//懒加载图片
getPageHtml();
}
}
});
function get_img() {
$("img").lazyload({
placeholder:"images/image_loading.png",
effect :"fadeIn"
});
}
function getPageHtml() {
var url = '';
$.getJSON(url, function(json){
if(json.data == '') flag = false;
//
});
}
相关文章推荐
- 优化js的执行
- JavaScript -- 面向对象的简单分析
- 学JavaScript七大注意事项【必看】
- jsp ,servlet中session ,Cookie 相关知识
- 优雅的图片翻转实现方式rollover.js
- jsonp方式解决跨域共享问题
- JavaScript 异步编程
- HTML中 js执行环境切换
- 关于js原型继承
- javascript 匿名函数的理解(透彻版)
- FastJSON 简介及其Map/JSON/String 互转
- js利用数组创建图片对象
- 对象的创建:工厂模式/构造函数模式/原型模式 (笔记)
- JS只能输入数字,数字和字母等的正则表达式
- JS转换HTML转义符
- .net面试题(.Net+Html+Javascript)
- js
- nwjs学习笔记--01
- Javascript 严格模式详解
- JavaScript 复选框全选和反选