图片鼠标经过的优化方法~~~

[hellNo]

一个按钮有两个图片，鼠标经过就切换另一个图片

 $(".Button").mouseover(function () {
            $(this).css("background", "url(image/button.png) 0 0 no-repeat");
        } );
    $(".Button").mouseout(function () {
            $(this).css("background", "url(image/button-over.png) 0 0 no-repeat");
        });

用了这个以后，当我鼠标经过按钮的时候，才去加载button-over.png这张图，等加载完以后才显示出来，所以第一次划过这个按钮的时候会先空白一下，因为去加载button-over.png ，

这种体验太不好啦，我一个页面有好多这种按钮，鼠标都经过一遍都要白一下。。。
我换成css hover的方式，结果是一样的，都是经过的时候才去加载经过的图，直到加载完

所以，大家还有其他什么图片鼠标经过的好的方法吗？？？？

[slwsss]

可以将两张背景图合并成一张用background-position定位

[hellNo]

引用 1 楼 slwsss 的回复:

可以将两张背景图合并成一张用background-position定位

哦，对。怎么把这个给忘了，多谢