更多>
最新下载
jQuery点击文字滚动Scrollocue插件
jQuery点击文字滚动Scrollocue插件是一款用于构建一个简单的提示提词器系统的jQuery小插件。本作品由【站长素材】收集整理，转载请注明出处！
0
2025-12-19
24小时阅读排行榜
- 1 css搜索栏在移动端被压缩怎么办_利用百分比宽度和媒体查询调整布局
- 2 c++中的未定义行为(UB)有哪些_c++常见Undefined Behavior汇总【安全编程】
- 3 css absolute定位在不同分辨率错位怎么办_用百分比定位配合calc或flex容器保持自适应
- 4 C++内存池管理_C++性能关键应用中怎么自定义内存分配器
- 5 MAUI怎么访问平台原生API .NET MAUI平台特定代码调用方法
- 6 css弹性盒子布局响应式如何处理_结合media查询和flex-wrap实现自适应
- 7 C++低延迟网络编程_C++在高频交易系统中如何实现微秒级延迟
- 8 C++ SIMD向量优化_C++怎么利用SIMD指令加速数值计算
- 9 css子元素选择器的介绍
- 10 C++锁-free编程_C++无锁数据结构如何提升金融系统吞吐
- 11 PHP验证码怎么记录错误次数_PHP错误次数统计方法【限制】
- 12 C++高性能多线程_C++怎么使用现代线程库优化并发性能
- 13 C++如何实现一个简单的网络爬虫_使用C++和libcurl抓取网页内容
- 14 JavaScript中什么是正则表达式_如何匹配邮箱
- 15 C++ argc argv命令行参数详解_C++程序入口参数解析
更多>
最新教程
-
- Node.js 教程
- 14205 2025-08-28
-
- CSS3 教程
- 1540908 2025-08-27
-
- Rust 教程
- 21907 2025-08-27
-
- Vue 教程
- 24404 2025-08-22
-
- PostgreSQL 教程
- 21114 2025-08-21
-
- Git 教程
- 8322 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
