JS实现TAB栏切换

最新推荐文章于 2024-07-29 11:53:27 发布

灵均666

最新推荐文章于 2024-07-29 11:53:27 发布

阅读量878

点赞数 4

分类专栏： JS 文章标签： javascript

本文链接：https://blog.csdn.net/m0_61159638/article/details/123709066

版权

引入：在平常进行浏览网页时，会涉及到很多tab栏切换的问题

如图

当我们点击tab1时显示tab1

点击tab2时显示tab2

代码：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>tab栏切换效果</title>
    <style media="screen">
        * {
            margin: 0;
            padding: 0;
            border: 0 none;
            outline: none;
        }

        .baohan {
            width: 300px;
            margin: 100px auto;
            border: 1px solid #ccc;
        }

        #btns button {
            width: 60px;
            height: 30px;
            float: left;
        
            border-right: 1px solid #ccc;
        }

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

灵均666

关注关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
JS实现TAB栏切换

引入：在平常进行浏览网页时，会涉及到很多tab栏切换的问题如图当我们点击tab1时显示tab1点击tab2时显示tab2代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>tab栏切换效果</title> <style media="screen"> * {
复制链接

扫一扫