当前位置：Gxlcms > html代码 > 纯CSS实现页签切换效果_html/css_WEB-ITnose

纯CSS实现页签切换效果_html/css_WEB-ITnose

时间：2021-07-01 10:21:17 帮助过：7人阅读

主要运用了 CSS3 的 :checked 选择器，
代码结构跟使用js差不多，只是多了几个radio，
不知道性能上是js快还是css快呢？

codepen地址：http://codepen.io/YuanWing/pen/RPqvad

            CSS3 TAB                                                    待付款            待签收            已完成        
                                                                                进货单号：jkdjh2015072623125699                        今天 23：12 进货                    
                                            60°飞天茅台最好的茅台浓香1000ml
                        待确认：¥129.00
                        X6                                                            
            
                                                                        进货单号：jkdjh2015072623965199                        今天 23：12 进货                    
                                            50°西凤·御宴酒（精装版）500ml
                        已发货：¥39.00
                        X1                                                            
            
                                                                        进货单号：jkdjh2015072623126899                        今天 23：12 进货                    
                                            法国富乐男爵干红葡萄酒豪华大礼包
                        已签收：¥369.00
                        X6

纯CSS实现页签切换效果_html/css_WEB-ITnose

进货单号：jkdjh2015072623125699 今天 23：12 进货

60°飞天茅台最好的茅台浓香1000ml

进货单号：jkdjh2015072623965199 今天 23：12 进货

50°西凤·御宴酒（精装版）500ml

进货单号：jkdjh2015072623126899 今天 23：12 进货

法国富乐男爵干红葡萄酒豪华大礼包

人气教程排行