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的樣式，希望能幫到你！

參考一下某寶的列表看看樣式就可以了