求个程序，动态显示几十个图片

比如，1.gif到100.gif，不用一个一个的插入到网页中，一下子自己就显示出来。图片不大，名字是连续的。不会javascript，求个现成的函数。

解决方案 »

  1.   

    <html>
    <head>
    <script>
    function displayImg()
    {
        var div=document.getElementById("div1");
        for(var i=1;i<=100;i++)
        {
            var img=document.createElement("img");
            img.src=i+".gif";
            div.appendChild(img);
        }
    }
    </script>
    </head>
    <body>
    <div id="div1"></div>
    <script>displayImg()</script>
    </body>
    </html>
      

  2.   

    function displayImg()
    {
        var div=document.getElementById("div1");
    var imgs=[];
    var imgType =".jpg";
        for(var i=1;i<=100;i++)
        {
            imgs.push("<img src='"+i+"+imgType +"'>");
        }
    div.innerHTML=imgs.join("");
    }
      

  3.   

    拼串既简单,效率也稍好些.
    <script>
    function displayImg()
    {
        var imgstr="";
        for(var i=1;i<=100;i++)
        {
            imgstr=imgstr+"<img src='"+i+".gif'>";
        }
        document.write(imgstr);
    }
    displayImg()
    </script>