Lazyload 消極式載入效果(一)

轉載地址 http://www.cnblogs.com/cloudgamer/

Lazyload是

通過消極式載入來實現按需載入，達到節省資源，加快瀏覽速度的目的。
網上也有不少類似的效果，這個Lazyload主要特點是：
支援使用window（視窗）或元素作為容器物件；
對靜態（位置大小不變）元素做了大量的最佳化；
支援垂直、水平或同時兩個方向的延遲。 
由於內容比較多，下一篇再介紹圖片消極式載入效果。 
相容：ie6/7/8, firefox 3.5.5, opera 10.10, safari 4.0.4, chrome 3.0

效果預覽

模式：  垂直正交方向 水平正交方向 垂直方向 水平方向 動態載入 閾值：    

第 1 個載入	第 2 個載入	第 5 個載入	第 3 個載入	第 4 個載入
第 9 個載入	第 6 個載入	第 10 個載入	第 7 個載入	第 8 個載入
第 15 個載入	第 11 個載入	第 12 個載入	第 13 個載入	第 14 個載入

利用textarea載入資料： 

圖片滑動轉場效果	圖片切割效果	圖片變換效果(ie only)	仿LightBox內容顯示效果	圖片滑動展示效果
仿163網盤無重新整理多檔案上傳系統	拖放效果	滑動條效果	Table排序	圖片切割系統