文章詳情頁
html - 這種下拉怎么實現比較好
瀏覽：96日期：2023-01-25 10:06:45
問題描述
我想實現這種下拉效果，不知道怎么實現比較好
問題解答
回答1：一個固定高度的p，默認隱藏，在點擊上方tab的時候顯示出來。里面放那些二級標簽。
回答2：<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遍歷數組的方式動態渲染了....
回答3：如題主所問，這種下拉采用p和select結合來做比較好一點，既可以有select下拉框的效果，又可以自己設置漂亮的外觀。思路是通過p來設置樣式，然后將其定位在select上面（兩者重疊，select在上，透明度opacity設置為0；），實現實際點擊的是select,但看到的是p的樣式，希望能幫到你！
回答4：參考一下某寶的列表看看樣式就可以了
標簽：
HTML
相關文章：
1. docker網絡端口映射，沒有方便點的操作方法么？2. java - spring boot 如何打包成asp.net core 那種獨立應用?3. javascript - 關于apply（）與call（）的問題4. docker - 各位電腦上有多少個容器??？容器一多，自己都搞混了，咋辦呢？5. java - 在用戶不登錄的情況下，用戶如何添加保存到購物車？6. datetime - Python如何獲取當前時間7. javascript - nginx反向代理靜態資源403錯誤?8. docker start -a dockername 老是卡住，什么情況？9. 安全性測試 - nodejs中如何防mySQL注入10. python - 調用api輸出頁面，會有標簽出現，請問如何清掉？
排行榜
網公網安備