电子商务网站的商品评论,需要设置各种评论的类别,筛选出不同种类的评论,能直观的看出商品的口碑。如何设计评论过滤筛选,我们可以一起学习一下。
目标
使用html、css、bootstrap3设计一个电子商务网站详情页-评价过滤筛选(效果如下图)。
步骤
步骤1.设置筛选标识,js代码实现
知识点:
- value值设置、自定义数据属性:data-img、data-good
- js代码根据value值和自定属性实现筛选
步骤2.简单拓展-设置筛选标识
知识点:
- 自定义数据属性:data-good
完整代码链接:https://www.itbegin.com/apps/mooc/118d5c1bdc4c48d6ada3aa0b92658446
领取专属 10元无门槛券
私享最新 技术干货