博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js实现相册-by小雨
阅读量:5272 次
发布时间:2019-06-14

本文共 2007 字,大约阅读时间需要 6 分钟。

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

    <!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="创立相册" οnclick="createimgs();" />

    </body>

    </html>

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

转载于:https://www.cnblogs.com/jiangu66/archive/2013/04/16/3024878.html

你可能感兴趣的文章
SEH简单研究
查看>>
Linux误删恢复
查看>>
Unity调用Windows窗口句柄,选择文件和目录
查看>>
HashMap循环遍历方式
查看>>
React Native 入门 调试项目
查看>>
C# 通过 Quartz .NET 实现 schedule job 的处理
查看>>
关于java之socket输入流输出流可否放在不同的线程里进行处理
查看>>
目前为止用过的最好的Json互转工具类ConvertJson
查看>>
JavaScript的学习要点
查看>>
Day13
查看>>
tensorflow saver简介+Demo with linear-model
查看>>
Luogu_4103 [HEOI2014]大工程
查看>>
Oracle——SQL基础
查看>>
项目置顶随笔
查看>>
Redis的安装与使用
查看>>
P1970 花匠
查看>>
java语言与java技术
查看>>
NOIP2016提高A组五校联考2总结
查看>>
iOS 项目的编译速度提高
查看>>
table中checkbox选择多行
查看>>