問題描述

我想實(shí)現(xiàn)這種下拉效果，不知道怎么實(shí)現(xiàn)比較好

問題解答

一個(gè)固定高度的p，默認(rèn)隱藏，在點(diǎn)擊上方tab的時(shí)候顯示出來。里面放那些二級(jí)標(biāo)簽。

<p class='tap'> <p class='titie'>產(chǎn)品類型</p> <p class='item'>產(chǎn)品類型</p> <p class='item'>產(chǎn)品類型</p> <p class='item'>產(chǎn)品類型</p> <p class='item'>產(chǎn)品類型</p> <p class='item'>產(chǎn)品類型</p></p>

樣式應(yīng)該自己去寫吧。

靜態(tài)的寫好之后，就可以通過js遍歷數(shù)組的方式動(dòng)態(tài)渲染了....

如題主所問，這種下拉采用p和select結(jié)合來做比較好一點(diǎn)，既可以有select下拉框的效果，又可以自己設(shè)置漂亮的外觀。思路是通過p來設(shè)置樣式，然后將其定位在select上面（兩者重疊，select在上，透明度opacity設(shè)置為0；），實(shí)現(xiàn)實(shí)際點(diǎn)擊的是select,但看到的是p的樣式，希望能幫到你！

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