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

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

发表于 01-27 17:08 显示全部楼层 16 319

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

简介:

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

效果:

900500.jpg

动图效果:

GIF.gif

视频:

详细代码及技巧笔记:

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

回复 使用道具
举报
aihan

发表于 10-10 21:29 显示全部楼层

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

发表于 04-14 23:52 显示全部楼层

回复 支持 反对 使用道具
举报
望断雁南飞

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

  ╭══╮ ┌══════┐

  ╭╯让路║═‖ 酱油专用车 ‖

  ╰⊙═⊙╯ └══⊙═⊙═~. 作为一个资深的酱油党,我们需要做的不仅仅是路过,在路过的同时 还要关心楼主,鼓励楼主,在这个冷漠的时代,给予楼主温暖。酱油党莅临的地方,不仅仅是挽尊,不仅仅是消灭零回复,酱油

回复 支持 反对 使用道具
举报
追风筝的孩子

发表于 03-26 15:00 显示全部楼层

前排支持!!

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

发表于 03-26 12:36 显示全部楼层

给楼主32个赞!!!!!

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

发表于 03-17 16:59 显示全部楼层

为了学币每天必水一下,望见谅

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

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

回复 支持 反对 使用道具
举报
我很认真的说

发表于 03-10 11:17 显示全部楼层

顶!顶!顶!

回复 支持 反对 使用道具
举报
卷毛维安

发表于 03-06 11:35 显示全部楼层

回复 支持 反对 使用道具
举报
12下一页

发表新文章
赵延明老师

小码哥名师团队

0

学分

3380

学币

3662

积分

小码哥名师团队

Rank: 5Rank: 5

积分
3662

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

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

精彩推荐

  • 关注小码哥教育