文件名称:动态照片墙组件
文件大小:313KB
文件格式:ZIP
更新时间:2020-06-03 15:36:40
照片墙
面向对象是一种优秀的编程思想,在JS中亦是如此,在大规模的项目中,体现的愈加突出。对于一些常用功能来说,我们完全可以将其开发成一个组件,比如JQuery中的弹窗组件等,我们可以很方便使用它们,使用时只需要按照API要求填写对应配置参数,即可迅速使用。本文给大家分享一个简单的照片墙组件。该照片墙组件完全原生JS实现,功能比较简单,但实现了一般照片墙的基本效果。我们可以通过构造函数PhotoWall()实例化一个对象,并调用init()方法进行初始化。对于布局样式要求极低,甚至完全不用设置。用户可以按照自身需求喜好随意放置照片墙的位置。
【文件预览】:
photoWall
----index.html(1KB)
----img()
--------4.png(10KB)
--------3.png(19KB)
--------small.png(42KB)
--------5.png(15KB)
--------1.png(30KB)
--------2.png(16KB)
--------big.png(178KB)
----photoWall.js(8KB)