图片的延迟加载;

  1. img的src属性会去默认加载src对应的资源,当图片已经完全进入到可是窗口内再去加载这张图片。=》当图片完全进入窗口内再给img的src属性赋值
    • 如何判断图片是否已经完全进入到窗口内
    • window的clientHeight+window的scrollTop的值>img元素相对于body的上偏移量.的时候,img元素则进入window的可是窗口内
    • 获取设置img的src-》img.src=;
  2. onload事件的应用(用于测试src地址是否能加载):

  3. fadeInt(ele):淡入效果的实现

    • 设置ele的css中opacity的值为0;
    • 利用定时器迭代opacity的值;

注意:

  1. 加载图片时只加载一次就好,通过表示变量来优化性能

onscroll:代码

原文:大专栏  延迟加载+滚动事件


01-20 22:06
查看更多