<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>加载时模糊图片</title>
<script type="text/javascript">
//该段代码可以在页面加载完成以后，再来执行；
var img = new Image();
img.src = "images/big.jpg";
img.onload = function() {
document.getElementById('myImage').src = this.src;
}
</script>
</head>
<body>
<img id="myImage" src="images/small.jpg" name="myImage" width="1002" height="754" alt="chenjm" />
</body>
</html>
-----------------------------------------------------------------------------分割线-----------------------------------------------------------------------------------------------------------------------
浏览器兼容性：IE8，chrome43.0.2357.81.
firefox 换图时明显闪了一下。 可以考虑使用 <div>加载small.jpg, div 内嵌套img加载big.jpg的做法：未亲测。
浙公网安备 33010602011771号