Ghmin的博客

CSS Sprite，我们一般叫他雪碧图或精灵图，它是一种图像拼合技术。该方法是将小图标和背景图像合并到一张图片上，然后利用 css 的背景定位来显示需要显示的图片部分。我们通过设置 background-position 属性，来调整背景图的位置。

瀑布流，又称瀑布流式布局。是比较流行的一种网站页面布局，视觉表现为参差不齐的多栏布局，随着页面滚动条向下滚动，这种布局还会不断加载数据块并附加至当前尾部。

JS实现积分抽奖(内附源码)

原生JS实现图片放大镜效果，详细讲解一步步操作，完整代码

因为有多个一级菜单，并且当一个一级菜单展开时，其他的需要收起，那么怎么知道每个菜单当前状态呢，我这里是使用自定义元素属性来实现：给设置status属性，定三个值：1.opened // 表示二级菜单打开状态2.playing // 表示正在打开或关闭状态3.closed // 表示二级菜单关闭状态两个相关方法：setAttribute(name,value) 设置元素属性值getAttribute(name) 获取元素属性值。

实现效果可以看到到滚动到最后一条时，会重新返回第一条循环播放，这个时候其实就是scrollTop从某一个值变为0，会有个瞬间变化的效果，为了优化这一点，在初始化时，我们可以将第一个元素克隆到列表最后一个。实现滚动函数，每次的滚动区间比如从0到30，我们可以定义一个总的时间，及变化间隔，变化间隔越下，动画就越丝滑，也就是频繁但很小的改变scrollTop 的值。接下来就是让元素动起来，在这过程中为了让效果更加丝滑，需要用上动画，动画可以用CSS3写也可以用JS，我这里是选择用JS，动画的本质就是。