js实现相册-by小雨

这两天笔者几篇文章介绍了改的文章. 关联文章的地址

    <!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>

    <title></title>

    <style type="text/css">

    Image

    {

        width:100px;

        height:100px;

        }

    </style>

    <script type="text/javascript">

        function createimgs() {

            var array = ['29b56ef1ecac0a2e23fe73abb8457ed9.jpg',

            '3615bd55e6db2d3eb2a45a8369653f12(1).jpg',

            '3615bd55e6db2d3eb2a45a8369653f12.jpg',

            '837adad119910d349f05149ad4a02ef0.jpg',

            '849b23dac9ceafe6d7e7b94a73b46e82.jpg',

            '91fe451f6e8081fe492c6ae617a50274.jpg',

            '9b1b7be8d60eef1e15257797d779d91b.jpg',

            '9fce9273034aed88fab0bcfef344dae7.jpg',

            'a5f59f9d670a936bf8281090bc2ce7c7.jpg',

            'cda8a8f5b72e165c153fd396db02ab64.jpg',

            'd159717ab855f729066b333d439f630e.jpg',

            'd7ef1897c62640dba44532e6475c49c6.jpg',

            'ef62b67b4dc1bc80daaaf9ebbf90d854.jpg',

            'f6b31d9bca975794bd23fdf71295e1c4.jpg',

            'f856bd37b432eb532098fa170dfbafd4.jpg'

            ];

            //alert(array.length);

            var tablenode = document.createElement('table');

            var tbody = document.createElement('tbody');

            tablenode.setAttribute('width', '600px');

            tablenode.setAttribute('height', '400px');

            tablenode.setAttribute('border', '2px');

            var count = 0;

            for (var i = 0; i < 3; i++) {

                var trnode = document.createElement('tr');

                for (var j = 0; j < 5; j++) {

                    var tdnode = document.createElement('td');

                    var imgnode = document.createElement('img');

                    imgnode.setAttribute('src', 'scenery/' + array[count]);

                    //                    imgnode.setAttribute('width', '100px');

                    //                    imgnode.setAttribute('height', '100px');

                    tdnode.appendChild(imgnode);

                    trnode.appendChild(tdnode);

                    count++;

                }

                tbody.appendChild(trnode);

            }

            tablenode.appendChild(tbody);

            document.body.appendChild(tablenode);

        }

    </script>

    </head>

    <body>

    <input type="button" value="创立相册" onclick="createimgs();" />

    </body>

    </html>

文章结束给大家分享下程序员的一些笑话语录: PC软件体积大,是因为一个PC软件功能往往较多,能够满足你一个方面的需求,而一个iphone软件往往没几行代码,干一件很小的事情,自然需要的软件就多。就像吃西瓜和吃瓜子的来比数目,单位不同啊。

posted @ 2013-04-16 21:05  坚固66  阅读(395)  评论(0编辑  收藏  举报