基于 JavaScript 实现的标签菜单过滤器,支持响应式布局!

    实现了一种可以通过标签过滤内容的效果,可通过点击顶部标签菜单或者内容标签直接筛选出标签同类型内容,其中筛选过滤事件是通过JavaScript完成的,页面的整体布局以及筛选后的重新布局都是通过CSS实现的,并且支持响应式布局,能全面适配手机、平板以及电脑等设备。使用起来也很方便,只需要在列表中初始化内容的标题、描述、图片url以及所属tags数组即可,并且支持tag颜色的配置。

模板目录结构如下: