京东首页的楼层图标默认是灰色的,但拉动滚动条,让该图标从下方挪动到屏幕正中的时候,该图标会显示出从上到下由灰变绿的动画效果,如下图这种效果很有Lazyload的范,也是挺吸引眼球的交互方式,下面用JQ来仿造下这种效果的实现方式,其实挺简单。首先我是做了2个gif分别作为图标的默认状态和动画状态(注意...
分类:
其他好文 时间:
2014-07-19 21:03:14
阅读次数:
280
function lazyload(option){ var settings={ defObj:null, defHeight:0 }; settings=$.extend(settings,option||{}); var defHeight=settings.defHeight,defObj=...
分类:
Web程序 时间:
2014-07-12 08:26:02
阅读次数:
244
当一个页面打开的图片太多,我们可以用jquery的一个延迟加载插件.名为:jquery.lazyload.min.js使用非常简单,下面我就把示例代码帖出来. 1 2 3 4 5 6 7 ...
分类:
Web程序 时间:
2014-07-03 09:16:50
阅读次数:
345
在一些图片较多的页面上,如果图片都一起加载网页的速度会比较慢,而且也浪费流量。使用图片延时加载插件就解决这些问题。方法:引入jquery和插件文件图片代码设置js调用$("img.lazy").lazyload();Lazyload属性:threshold:值为number,图片离屏幕多少像素时开始...
分类:
Web程序 时间:
2014-07-02 22:45:42
阅读次数:
291
原理是根据屏幕上的坐标找到需要做 lazyload 的区域1,先监听 scroll 事件var threshold = 30 ,scrolling_ltwindow.addEventListener('scroll', function(){ scrolling_lt = new Dat...
分类:
其他好文 时间:
2014-06-20 19:08:18
阅读次数:
178
-----------------------------------------------------------------------------------------------class='lazy' 载入样式,data-original指向图片地址底部引入jQuery和jQuery....
分类:
Web程序 时间:
2014-06-18 22:01:22
阅读次数:
539
来源:http://www.cnblogs.com/wenbo/archive/2011/07/15/2107579.htmljQuery实现图片延迟加载,不知道是否可以节省带宽呢?有人知道吗?这究竟只是一个视觉特效还是真的能延迟加载减少服务器的请求呢?其中img是延迟加载所有图片,也可以根据不同模...
分类:
Web程序 时间:
2014-06-18 08:49:33
阅读次数:
319
单例模式有两种,一种是懒汉模式,每次在获取实例时都要去判断是否已经被实例化,浪费判断时间。如果一直没人去使用,就不会被实例化,节省内存空间。懒汉模式体现了延迟加载(lazyload),还体现了缓存的思想。缓存是一种典型的空间换时间的方案。在java中map是一种常见的实现..
分类:
其他好文 时间:
2014-06-17 16:56:13
阅读次数:
168
当做网页的时候,特别是整个网页展示图片较多的时候,用到图片延迟效果是很好的使用方法也非常简单。
1、在网页任何位置(一般是在前面)加上如下代码(注意 2、图片的html代码标签需要这样写: 说明: 里加上class="lazy"
是为了更好的控制哪些图片延迟加载 里的src为一张预加载的图片,...
分类:
Web程序 时间:
2014-06-02 01:20:25
阅读次数:
452
init方法在init方法中实例化必要的对象(遵从LazyLoad思想)init方法中初始化ViewController本身loadView方法view
controller会在view的property被请求并且当前view值为nil时调用这个函数。当view需要被展示而它却是nil时,viewC...
分类:
其他好文 时间:
2014-05-26 15:52:14
阅读次数:
230