图片预加载未封装版

知识点：

var myImg = new Image（）;

本质上就是虚拟创建一个img标签，存储已经加载好的图片。
myImg.src则是img的路径；

css

*{
       margin:0;
       padding:0;
   }
   body,html{
       width: 100%;
       height: 100%;
   }
   a{
       text-decoration: none;
   }
   .btn{
       display: inline-block;
       border:1px solid #ccc;
       background: #fff;
       font-size: 14px;
       padding: 5px 10px;
       margin-right: 35px;
       color: #666;
   }
   .btn:hover{
       background: #eee;
   }
   .box{
       text-align: center;
   }
   .img{
       width: 800px;
       margin-bottom: 20px;
   }
   .loading{
       width: 100%;
       height: 100%;
       position:fixed;
       left: 0;
       top: 0;
       background: #eee;
   }
   .progress{
       font-size: 30px;
       position: absolute;
       top: 50%;
       margin-top: -30px;
       left: 50%;
   }

html

        
        

            上一页
            下一页
        
    
    

        
0%
    

js