html - 这种下拉怎么实现比较好

问题描述

我想实现这种下拉效果，不知道怎么实现比较好

问题解答

一个固定高度的p，默认隐藏，在点击上方tab的时候显示出来。里面放那些二级标签。

<p class='tap'> <p class='titie'>产品类型</p> <p class='item'>产品类型</p> <p class='item'>产品类型</p> <p class='item'>产品类型</p> <p class='item'>产品类型</p> <p class='item'>产品类型</p></p>

样式应该自己去写吧。

静态的写好之后，就可以通过js遍历数组的方式动态渲染了....

如题主所问，这种下拉采用p和select结合来做比较好一点，既可以有select下拉框的效果，又可以自己设置漂亮的外观。思路是通过p来设置样式，然后将其定位在select上面（两者重叠，select在上，透明度opacity设置为0；），实现实际点击的是select,但看到的是p的样式，希望能帮到你！

参考一下某宝的列表看看样式就可以了