一.延时加载图片的方法
// 图片延时加载 .wait_load是绑定在图片上的class值
$('.wait_load').css('opacity','0');
// 当document滑动到当前位置时才显示
function waitLoad(){
// 延时执行
setTimeout(function(){
// 遍历出所有的图片
$('.wait_load').each(function(index){
if($(window).height() + $(document).scrollTop() >= $(this).offset().top){
// 将图片的src设置成当前图片的xsrc
$(this).attr('src',$(this).attr('xsrc')).animate({
'opacity':1
},1000);
}
});
},500);
}
//waitLoad();
// 滚动或者window改变,都调用waitLoad()方法
$(document).on('scroll',waitLoad);
$(window).on('resize',waitLoad);
二.三元运算符
var score = 61;
var result;
result = score > 60 ? '及格':'不及格';
//相当于
if(score > 60){
result = '及格'
}else{
result = '不及格'
}