瀑布流图片延时加载技术

当我们打开京东或者淘宝的时候是不是发现打开的速度非常快呢？为什么淘宝以及其他大型的电子商务平台全是图片，网站打开速度却很快呢，因为这些大型网站都使用一个叫做图片延时加载的技术，当你没有滑动到第二屏的时候，网页将不会加载第二屏的图片，而会努力的加载第一屏图片。所以当我们下拉非常快的时候，会发现下面的图片没有打开的效果。那么今天给大家说的便是瀑布流图片延时加载技术。下面看案例吧。由于本博客条件有限，所以图片不能放置太多，这里建议朋友在看效果的时候刷新网页快速往下拉。
代码下载地址：点击下载
*{margin:0px;padding:0px;}img{border:0px;display:block;border-radius:2px;}body{font-size:12px;font-family:"微软雅黑";}.top{width:1000px;height:66px;margin:0 auto;}.top .logo{float:left;}.top .qq{float:right;line-height:66px;font-size:26px;font-weight:bold;}.top .qq span{color:#ff5f25;}.pic{width:680px;height:1000px;margin:30px auto;}.pic ul li{list-style:none;float:left;margin-right:12px;margin-bottom:15px;border-radius:2px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.3);}.pic ul li p{width:288px;height:35px;text-align:center;line-height:35px;background:#FFF;}.pic ul li a:hover img{opacity:0.8;filter:alpha(opacity=80);}

文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
【瀑布流图片延时加载技术】绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影
文章插图
绿丛小花精美摄影