Lazyload 延迟加载效果
【原创】Lazyload 延迟加载效果Lazyload是通过延迟加载来实现按需加载,达到节省资源,加快浏览速度的目的。网
【原创】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
接分
[解决办法]收藏了,有图片的地方可以用上