请选择 进入手机版 | 继续访问电脑版

网页UI--延迟加载图片效果

发表于 01-27 17:08 显示全部楼层 7 67

本帖最后由 赵延明老师 于 2018-1-27 17:08 编辑

简介:

打开小码哥在线课堂网站 http://www.520it.com/ke  ,会发现整个网站打开速度非常快,原因就是因为用到了AJAX+延迟加载效果。事先给准备好一张简单的图片,先占位,在随着滚动条滚动的过程当中,逐步去加载当前的图片,当图片加载完成,会将占位图替换掉。

效果:

900500.jpg

动图效果:

GIF.gif

视频:

详细代码及技巧笔记:

游客,如果您要查看本帖隐藏内容请回复

回复 使用道具
举报
愚人花园

发表于 02-17 07:36 显示全部楼层

回复 支持 反对 使用道具
举报
RMB战士

发表于 02-16 03:10 显示全部楼层

回复 支持 反对 使用道具
举报
凌大胖纸

发表于 02-02 15:20 显示全部楼层

顶!顶!顶!

回复 支持 反对 使用道具
举报
Eileen

发表于 01-30 12:30 显示全部楼层

666

回复 支持 反对 使用道具
举报
陈小呆

发表于 01-28 22:31 显示全部楼层

前排支持!!

回复 支持 反对 使用道具
举报
扯起嘴角冷笑

发表于 01-28 06:46 显示全部楼层

别人说是金子总要发光的,我就来看看。

回复 支持 反对 使用道具
举报
江北飙车

发表于 01-27 17:11 显示全部楼层

回复 支持 反对 使用道具
举报

发表新文章
赵延明老师

小码哥名师团队

0

学分

2708

学币

2987

积分

小码哥名师团队

Rank: 5Rank: 5

积分
2987

小码哥一周年勋章关注小码哥教育公众号意见领袖勋章

Ta的主页 发消息
精华帖排行榜

精彩推荐

  • 关注小码哥教育