更多>
最新下载
Twitter Bootstrap表单验证
Twitter Bootstrap表单验证是一款基于jquery实现的网站注册表单验证代码下载。本作品由【站长素材】收集整理，转载请注明出处！
0
2026-01-22
门户网站jQuery相册代码
门户网站jQuery相册代码是一款自适应图片尺寸，带缩略图预览，支持方向键翻阅浏览图片，每张图片支持单独的文字描述，支持图集查看和图片列表查看，图片播放完毕后可提示是否重新播放。
0
2026-01-22
24小时阅读排行榜
- 1 ext4 "EXT4-fs warning: 31 callbacks suppressed" 日志刷屏的抑制方法
- 2 如何在Golang中优化微服务调用延迟_Golang微服务性能提升方法
- 3 如何在Golang Web中实现静态资源服务_静态文件处理方案
- 4 javascript怎样进行错误调试【教程】
- 5 如何在Golang中优化并发性能_Golang goroutine调度与资源管理方法
- 6 c++中如何防止头文件重复包含_c++ #ifndef与#pragma once区别【实例】
- 7 c++中如何判断一个数是否为丑数_c++丑数分解算法实现【详解】
- 8 Go 中变参函数不支持混合使用展开切片与普通参数的原理与解决方案
- 9 Golang make函数适用于哪些类型_make使用规则解析
- 10 如何在纯静态网站中统一管理多页面导航栏（无需 PHP）
- 11 javascript如何操作音频和视频？_探索javascript媒体编程【教程】
- 12 如何使用Golang构建工厂模式_Golang工厂模式创建对象示例
- 13 如何使用Golang测试日志输出_Golang log包单元测试方法
- 14 c++中如何实现单向循环链表_c++循环链表定义与操作汇总【汇总】
- 15 如何在Golang中创建TCP连接_Golang net包TCP客户端操作技巧
更多>
最新教程
-
- Node.js 教程
- 15914 2025-08-28
-
- CSS3 教程
- 1545994 2025-08-27
-
- Rust 教程
- 23106 2025-08-27
-
- Vue 教程
- 25577 2025-08-22
-
- PostgreSQL 教程
- 22081 2025-08-21
-
- Git 教程
- 9085 2025-08-21
jQuery的图片懒加载代码
js代码
<script src="js/jquery.min.js"></script>
<script>
var _content = []; //临时存储li循环内容
var moreload = {
_default:10, //默认显示图片个数
_loading:5, //每次点击按钮后加载的个数
init:function(){
var lis = $(".moreload .hidden li");
$(".moreload ul.list").html("");
for(var n=0;n<moreload._default;n++){
lis.eq(n).appendTo(".moreload ul.list");
}
$(".moreload ul.list img").each(function(){
$(this).attr('src',$(this).attr('realSrc'));
})
for(var i=moreload._default;i<lis.length;i++){
_content.push(lis.eq(i));
}
$(".moreload .hidden").html("");
},
loadMore:function(){
var mLis = $(".moreload ul.list li").length;
for(var i =0;i<moreload._loading;i++){
var target = _content.shift();
if(!target){
$('.moreload .more').html("<p>全部加载完毕...</p>");
break;
}
$(".moreload ul.list").append(target);
$(".moreload ul.list img").eq(mLis+i).each(function(){
$(this).attr('src',$(this).attr('realSrc'));
});
}
}
}
moreload.init();
</script>
<script src="js/jquery.min.js"></script>
<script>
var _content = []; //临时存储li循环内容
var moreload = {
_default:10, //默认显示图片个数
_loading:5, //每次点击按钮后加载的个数
init:function(){
var lis = $(".moreload .hidden li");
$(".moreload ul.list").html("");
for(var n=0;n<moreload._default;n++){
lis.eq(n).appendTo(".moreload ul.list");
}
$(".moreload ul.list img").each(function(){
$(this).attr('src',$(this).attr('realSrc'));
})
for(var i=moreload._default;i<lis.length;i++){
_content.push(lis.eq(i));
}
$(".moreload .hidden").html("");
},
loadMore:function(){
var mLis = $(".moreload ul.list li").length;
for(var i =0;i<moreload._loading;i++){
var target = _content.shift();
if(!target){
$('.moreload .more').html("<p>全部加载完毕...</p>");
break;
}
$(".moreload ul.list").append(target);
$(".moreload ul.list img").eq(mLis+i).each(function(){
$(this).attr('src',$(this).attr('realSrc'));
});
}
}
}
moreload.init();
</script>
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
热门下载
canvas音谱可视化mp3音乐播放器代码
html5 canvas通过AudioContext对获取audio标签播放的音域和音高，调用js绘制相应高度的矩形或线条。
播放器特效
2021-03-10
