分享一款基于js图片加载从模糊到清晰代码。这是一款运用了图片预加载特性，先放一张小图占位，然后判断大图是否加载完毕，加载完毕后就用大图的src替换占位图的src，注：测试时请将网速设置低一些。效果图如下：

在线预览   源码下载

实现的代码。

html代码：

 <img src="images/small.jpg" name="myImage" width="1002" height="754" id="myImage"
        alt="站长素材 sc.chinaz.com" />
    <script language="JavaScript" type="text/javascript">
        var img = new Image();
        img.src = "images/mm.jpg";
        img.onload = function () {
            document.getElementById('myImage').src = this.src;
        }
    </script>

via：http://www.w2bc.com/Article/28676

在线预览    源码下载