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

  • 相关阅读:
    【笔记】【dp模型】
    【刷题】【dp】【背包】金明的预算
    建模结束了——5.3
    HDU
    洛谷 P2734 [USACO3.3]游戏 A Game
    洛谷 P4095 [HEOI2013]Eden 的新背包问题
    洛谷 P1156 垃圾陷阱
    洛谷 P1833 樱花
    洛谷 P3966 [TJOI2013]单词
    洛谷 P5357 【模板】AC自动机(二次加强版)
  • 原文地址:https://www.cnblogs.com/jiangu66/p/3024878.html
Copyright © 2011-2022 走看看