• 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

        {

            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软件往往没几行代码,干一件很小的事情,自然需要的软件就多。就像吃西瓜和吃瓜子的来比数目,单位不同啊。

  • 相关阅读:
    vue Ant Design 树形控件拖动限制
    defineProperty介绍及使用
    webpack 配置入门
    vscode 插件
    解决输入框自动填充账号密码的问题
    css 动画
    vue按钮权限控制
    git操作
    TCP和UDP的区别
    通信协议 HTTP TCP UDP
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3024878.html
Copyright © 2020-2023  润新知