码迷,mamicode.com
首页 > 其他好文 > 详细

预加载1

时间:2015-05-26 10:45:50      阅读:129      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<ul id="imgList">
</ul>
<script type="text/javascript">
    var imgs=["http://www.wallcoo.com/nature/da_ps_landscape_01/wallpapers/1680x1050/%5Bwallcoo_com%5D_April_23rd.jpg",
        "http://pic5.bbzhi.com/chuangyibizhi/zuixinchuangyishejibizhi/zuixinchuangyishejibizhi_415791_11.jpg",
        "http://img.bz1111.com/d3/2010-10/2010103021073576056.jpg",
        "http://www.pp3.cn/uploads/20120627gj/bz_gj_05.jpg",
        "http://www.onegreen.net/Article/UploadFiles/200811/2008111874946653.jpg",
        "http://lib.nit.net.cn/dlib/resource/jpg/1889.jpg",
        "http://www.lwdx.cn/UploadFiles/Photo/2009/2/bizhi/stzw20081005/stzw20081005_001.jpg"
    ];



    var ul1= document.getElementById(‘imgList‘);
    var iNow=0;
    for(var i=0;i<imgs.length;i++)
    {
        (function(n){  //必须在闭包里面运行
           var yImg=new Image(); //每次循环新建一个临时Image对象
           yImg.src=imgs[n];
            yImg.onload=function()
            {
                var dd=document.createElement("li"); //每次新建一个临时变量
                dd.innerHTML="<img src=‘"+yImg.src+"‘/>";
                ul1.appendChild(dd);
                iNow++;
               // console.log(iNow);
            };
        })(i);//把循环的i传递进去
    }


</script>
</body>
</html>

预加载1

标签:

原文地址:http://blog.csdn.net/xiaomogg/article/details/46003951

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!