文章詳情頁
html - 這種下拉怎么實現比較好
瀏覽:190日期: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. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化4. javascript - 移動端上不能實現拖拽布局嗎?5. 實現bing搜索工具urlAPI提交6. javascript - react native在run-android時出現這個錯誤該怎么解決?大神賜教7. javascript - 如何判斷不同兩個對象觸發同一事件?8. thinkPHP5中獲取數據庫數據后默認選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙9. javascript - ios返回不執行js怎么解決?10. index.php錯誤,求指點
排行榜

網公網安備