如何使tab页切换,页面不刷新

2025-06-17 18:45:05

1、新建一个空白html页面

如何使tab页切换,页面不刷新

3、编写页面代码样式:#box{ width: 450px; margin: 50px auto; } #tit{ overflow: hidden; } #tit li{ float: left; width: 148px; border: 1px solid #999; text-align: center; height: 30px; line-height: 30px; color: green; } #con li{ height: 300px; text-align: center; line-height: 300px; border: 1px solid #999; color: green; display: none; font-size: 30px; } #tit .select{ background: green; color: #fff; } #con .show{ display: block; }

如何使tab页切换,页面不刷新

5、页面效果如下:

如何使tab页切换,页面不刷新
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢