怎么实现这个效果

Question

浏览网页的时候，可能由于用户网速慢使的大背景图片加载过慢而影像浏览质量，
如何先加载一张模糊质量低的图片，然后等背景图片加载完了再显示清晰的？
求jquery代码！ 谢谢了！

Answer 1

<style>
    body{
        background: url("底质量.jpg") no-repeat center;
    }
</style>
<script type="text/javascript">
    $(function(){
        var img=new Image();
            img.src="高质量.jpg";
            img.onload=function(){
                $("body").css("background","url('高质量.jpg') no-repeat center;");
            }
    })
</script>