xtuhcy 2013-09-14
| var lazyLoad = { | |
| Init: function () { | |
| return $("img[lazyload]"); | |
| }, | |
| Calculate: function (lazyloadobject) { | |
| var windowHeight = $(window).height(); | |
| var arrReturn = {}; | |
| var _scrollTop; | |
| if (lazyloadobject.length == 0) { | |
| return null; | |
| } | |
| else { | |
| lazyloadobject.each(function (i) { | |
| _scrollTop = parseInt($(this).offset().top - windowHeight); | |
| if (!arrReturn.hasOwnProperty(_scrollTop)) { | |
| arrReturn[_scrollTop] = new Array(); | |
| } | |
| arrReturn[_scrollTop].push($(this)); | |
| }); | |
| this.ArrLoad = arrReturn; | |
| return arrReturn; | |
| } | |
| }, | |
| ArrLoad: null, | |
| IsLoad: function (scrolltop, objectstop) { | |
| if (objectstop != null && objectstop != {}) { | |
| for (i in this.ArrLoad) { | |
| if (parseInt(i) <= scrolltop && this.ArrLoad.hasOwnProperty(i)) { | |
| for (j = 0; j < this.ArrLoad[i].length; j++) { | |
| this.ArrLoad[i][j].attr("src", this.ArrLoad[i][j].attr("lazyload")).removeAttr("lazyload"); | |
| } | |
| delete this.ArrLoad[i]; | |
| } | |
| } | |
| } | |
| }, | |
| Run: function () { | |
| var lazyLoadObject = this.Init(); | |
| this.Calculate(lazyLoadObject); | |
| arrScrollTop = this.ArrLoad; | |
| if (arrScrollTop == null) { | |
| return false; | |
| } | |
| else { | |
| var _this = this; | |
| _this.IsLoad($(window).scrollTop(), arrScrollTop); | |
| $(window).scroll(function () { | |
| _this.IsLoad($(this).scrollTop(), arrScrollTop); | |
| }); | |
| } | |
| } | |
| } | |
| $(function () { | |
| lazyLoad.Run(); | |
| }); | |
| $(window).resize(function () { | |
| lazyLoad.Run(); | |
| }); |
表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。在HTML网页中,要想创建表格,就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...