【原创】Lazyload 延迟加载效果
Lazyload是通过延迟加载来实现按需加载,达到节省资源,加快浏览速度的目的。
网上也有不少类似的效果,这个Lazyload主要特点是:
支持使用window(窗口)或元素作为容器对象;
对静态(位置大小不变)元素做了大量的优化;
支持垂直、水平或同时两个方向的延迟。
由于内容比较多,下一篇再介绍图片延迟加载效果。
兼容:ie6/7/8, firefox 3.5.5, opera 10.10, safari 4.0.4, chrome 3.0
程序效果预览和详细的程序分析
完整实例下载
[解决办法]
赞赏一个。沙发!
[解决办法]
NB人
[解决办法]
好东西,先顶后看
[解决办法]
只听说过
但见到还是第一次见
你的东西还没研究
整个页面可以做成这中效果吗???????
[解决办法]
哎,lz总是那么强大
[解决办法]
LZ 牛人啊。。
[解决办法]
支持! ^_^
这种应用一般会有不同的对待,从你给出的DEMO来看,实现的HTML代码感觉会造成语义的欠佳,当然,实际应用可能不会是这样的!
[解决办法]
[解决办法]
高手!
接分.
[解决办法]
[解决办法]
up
[解决办法]
太强了,偶像,不知道能给小弟推荐一本JS书籍不能?从入门到精通的路该怎么走?
注:我只会一些简单的JS语法
[解决办法]
up
[解决办法]
sdsdsd
[解决办法]
看看
[解决办法]
jf
[解决办法]
这么长的,占个位置 顶下
[解决办法]
学习了,谢谢哦
[解决办法]
第一页留名。
见过很多类似的效果,可惜js不太熟做不来。
被浏览器兼容性困扰的人飘过。。。
[解决办法]
类似百度地图。
[解决办法]
学习学习
[解决办法]
我也是前几天在逛taobao发现这个东西的 taobao有采用这个技术哦
[解决办法]
好好研究研究
[解决办法]
这个技术已经有点过时了!!
[解决办法]
赞赏LZ 顺便JF
[解决办法]
[解决办法]
.
[解决办法]
没有所谓最好的,只有最合适的。。。
要进步,就要努力钻研。
------解决方案--------------------
水平高!学习
[解决办法]
up
[解决办法]
up
[解决办法]
进来学习的!呵呵!
[解决办法]
~jF
[解决办法]
加油!!
[解决办法]
先顶了,收下慢慢看咯~多谢楼主!
[解决办法]
不错,楼主辛苦了。
[解决办法]
先顶了,收下慢慢看咯~多谢楼主!
[解决办法]
学习!!
[解决办法]
学习了,谢谢哦
[解决办法]
支持原创!作者很辛苦啊!
[解决办法]
如果能在已有的DOM上操作就好。
大版面运用此技术使页面加速显示,更人性化
[解决办法]
jf
[解决办法]
不错,支持
[解决办法]
[解决办法]
1 主要是思想
[解决办法]
jf~
[解决办法]
$$E.addEvent
[解决办法]
jf
[解决办法]
up
[解决办法]
学习。
[解决办法]
真神奇,谢谢楼主分享。学习啦
[解决办法]
好东西,顶一个!
[解决办法]
我真的要认真看看
[解决办法]
up!
[解决办法]
谢谢。
[解决办法]
[解决办法]
效果不错,谢谢了!
[解决办法]
fancy that
[解决办法]
收藏了 ,顶顶、。
[解决办法]
非常感谢
[解决办法]
谢谢,已下载
[解决办法]
试用一下看看
[解决办法]
不错,很经典啊
[解决办法]
JF 顺便顶LZ了
[解决办法]
[解决办法]
被浏览器兼容性困扰的人飘过。。。
[解决办法]
抬头向上看。
[解决办法]
LZ厉害啊,我看了下效果,很不错哦,LZ的JS写得出神入化了,强!!
[解决办法]
很实用的功能,不错的代码。
看这么多人说好话,我提两个建议吧。我个人感觉。lazyload理论上不是一层业务, so
1. 没有细看代码,从业务上看,只用给一个事件给调用者会更好,例如,在何时调触发函数的事件,当然要是多投的。
2. 应该把在何种情况下调事件的方法也给使用者,暂且叫protected似的方法吧。因为你的业务不能在所有情况下适用。
总结一下。 一个object最好只干一个事,所以要留给接口给以后的人写,总不能一个人把功能给抢了:)
[解决办法]
BTW:
to dh20156,怎么我的散分贴被删了......-.-
[解决办法]
谁可以从头教教我?
[解决办法]
ding
[解决办法]
学习了.
[解决办法]
强大啊
[解决办法]
顶,好,感谢楼主
[解决办法]
看晕了, 怎么办啊... 看到代码量大眼睛就偷懒
[解决办法]
老大的又开始工作了,小弟们太高兴了
[解决办法]
不错 ...lz
[解决办法]
有才,顶了~JF~
[解决办法]
[解决办法]
回帖是一种美德!
[解决办法]
牛啊
[解决办法]
回帖是一种美德!
[解决办法]
看晕了
[解决办法]
很好很强大
[解决办法]
学习了
[解决办法]
好久不上来了,
支持LZ,学习了
[解决办法]
顶LZ
接分
[解决办法]
收藏了,有图片的地方可以用上