图片的延迟加载;
- img的src属性会去默认加载src对应的资源,当图片已经完全进入到可是窗口内再去加载这张图片。=》当图片完全进入窗口内再给img的src属性赋值
- 如何判断图片是否已经完全进入到窗口内
- window的clientHeight+window的scrollTop的值>img元素相对于body的上偏移量.的时候,img元素则进入window的可是窗口内
- 获取设置img的src-》
img.src=;
onload事件的应用(用于测试src地址是否能加载):
fadeInt(ele):淡入效果的实现
- 设置ele的css中opacity的值为0;
- 利用定时器迭代opacity的值;
注意:
- 加载图片时只加载一次就好,通过表示变量来优化性能