图片预加载1
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>.html</title>
<style>
</style>
<script src="jquery-1.7.2.min.js"></script>
<script>
window.onload=function(){ //在整个页面加载完成之后，就new一个image
var oImg=new Image(); //这个image对象专门用来加载图片
oImg.src="http://img1.3lian.com/2015/w8/75/d/1.jpg";//等图片加载完成之后就会显示出来
}
</script>
</head>
<body>
<img src="http://image.tianjimedia.com/uploadImages/2013/198/4V8H6BU26A5I_20c9174c04447344_500.jpg" onmouseover="this.src='http://img1.3lian.com/2015/w8/75/d/1.jpg'" onmouseout="this.src='http://image.tianjimedia.com/uploadImages/2013/198/4V8H6BU26A5I_20c9174c04447344_500.jpg'">
</body>
</html>
补充：window.onload 表示页面加载完成
<img src="http://img1.3lian.com/2015/w8/75/d/1.jpg" onload="alert('a')" onerror="alert('a')">
也就是说，当图片加载完成时就弹出来。
