网站品牌列表效果

1、以下是某网站上的一个品牌列表的展示效果，用户进入该页面时，品牌列表默认是精简显示的。

2、用户可以单击商品列表下方的“显示全部品牌”按钮来显示全部的品牌。

3、单击“显示全部品牌”按钮的同时，列表会将推荐的品牌的名字高亮显示，按钮李的文字也换成了“精简显示品牌”。

4、再次单击，返回之前的状态

html代码：

css代码：

js代码：

效果展示：

鼠标点击显示全部品牌后的效果：

喜欢的话，请关注我哦！