主要介绍了原生JS实现图片网格式渐显、渐隐效果,需要的朋友可以参考下

先给出效果图： 　　写的小组件支持图片的渐显、渐隐，并且可以是有序、随机两种方式。 　　我采用的原型是属性写在构造函数内，方法写在原型对象内。方法写构造函数内有个问题，就是每次调用这个方法就相当于重新实例化一次，举个粟子： 　　实现网格效果的原理上是将读取图片的宽高，按照设定的参数，分成等高宽的网格（我用的span标签表示的网格），网格利用定位铺满整个图片，每个网格的背景图都是原图片，原理同sprite，利用background-position属性改变显示区域。接下来就是按照设定的顺序实现渐