为什么要延时加载呢?页面加载的时候就显示全部的图片不就得了?有必要多此一举吗?答案是肯定的。当要加载的图片或者内容很多时,如果一次性加载完毕,那么整个页面将会加载很久,意味着要用户等待很久,这是对用户不友好的。或许你还会问,那不就做个分页不就得了?其实这种滚动延时加载的技巧正是用来代替手动点击下一页的分页技术。每换一页都要用户点击一次,这也是对用户不友好的。所以才有了滚动延时加载。

消息弹出时页面总是抖动或者闪一下,找了很长时间没有找到原因,今天找到,原来是html没有声明解析规范

第一种方法:

我这里把加载图片作为例子,就好像百度图片里的一样,你往下滚动,它就会继续显示下一页的图片。

需要加上<!DOCTYPE> 标签

复制代码 代码如下:

要求是这样的,比如我要加载20张图片,在页面加载完毕后我先加载5张(前提是5张已经占满浏览器窗口高度),当滚动条滚动到浏览器底部的时候再加载5张,一共加载4次。

复制代码 代码如下:

function submitData() {
    var tb = document.getElementById(IDArray[0]);  
//获取服务器控件GridView的ID
    if (tb)
     {
    var rows = tb.rows;
    for (var i = 1; i < rows.length; i++) {
        var id = rows[i].cells[1].innerText;
        var name = rows[i].cells[2].innerHTML;
        var oDropDownList = rows[i].cells[3].childNodes[0];
        var oText =
oDropDownList.options[oDropDownList.selectedIndex].text;  
//获取GridView中下拉列表中选中的文本
        var oValue =
oDropDownList.options[oDropDownList.selectedIndex].value;;  
//获取GridView中下拉列表中选中的值  
 }
    }
}

原理是这样的,先获取当前浏览器的窗口高度a,然后给页面绑定一个滚动条滚动事件,当滚动条滚动的时候,首先判断时候已经加载了20张,如果小于20张,再获取当前文档距离顶部的高度b以及图片内容的高度c,如果a+b>=c,继续加载5张图片。

PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“;

第二种方法:

发表评论

电子邮件地址不会被公开。 必填项已用*标注