切换图片闪屏是因为图片没有加载完,所以等加载后再切换图片就好了,主要语句:
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)")
}
});