js切换图片的闪屏问题

切换图片闪屏是因为图片没有加载完，所以等加载后再切换图片就好了，主要语句：

var img = new Image();
img.src = "xxx.jpg";
img.onload = function () {
    //内容...
}

 

修改前:

$('.bs1').hover(function(){
	    $('.main_menu').css("background-image","url(xxx/bg1.jpg)");
	}
//鼠标离开
,function(){
    $('.main_menu').css("background-image","url(xxx/bg2.jpg)")
    }
});

修改后：

$('.bs1').hover(function(){
	var img = new Image();
	img.src = "xxx/bg1.jpg";
	img.onload = function () {
		$('.main_menu').css("background-image","url(xxx/bg1.jpg)");
    }
//鼠标离开
},function(){
	var img = new Image();
	img.src = "xxx/bg2.jpg";
	img.onload = function () {
		$('.main_menu').css("background-image","url(xxx/bg2.jpg)")
	}
});