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

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

转载地址:http://tsljl.baihongyu.com/

你可能感兴趣的文章
android之布局
查看>>
(16)让你的网站在移动设备上同样精彩!
查看>>
NSStream文件流
查看>>
C/C++知识点清单02-上
查看>>
第一次上班吃便当
查看>>
HDU——1267 下沙的沙子有几粒?
查看>>
pandas使用lambda判断元素是否为空或者None
查看>>
iOS应用架构谈part3 网络层设计方案
查看>>
react组件生命周期
查看>>
Android 混合式开发AppCan介绍
查看>>
悟透JavaScript(理解JS面向对象的好文章)
查看>>
spring gateway 截取response 长度缺失
查看>>
APK安装过程及原理详解(转)
查看>>
微信登录授权逻辑图
查看>>
MyEclipse6.5安装SVN插件的三种方法
查看>>
Oracle游标声明
查看>>
Mysql相关技术细节整理
查看>>
20160427Struts2--入门1
查看>>
如何搭建javaweb 开发环境
查看>>
输入年月日,看看格式是否正确。
查看>>