sevenfish77的博客

学习记录

Tab切换(小项目)

在页面中实现几块内容转换:

    1.在界面写几个点击项

            <a href="#div1">div1红色</a>              /*注意href="#div1"是用以链接切换的关键点*/
    <a href="#div2">div2黄色</a>
    <a href="#div3">div3绿色</a>

    2.书写一个切换快

            <div class="box">
          /*id部分与切换密切相关*/
<div class="div1" id="div1">div1红色</div>
<div class="div2" id="div2">div2黄色</div>
<div class="div3" id="div3">div3绿色</div>

    </div>

      3.style部分

            .box,.div1,.div2,.div3{
width:300px;
height: 300px;
}
/*隐藏没被看到的东西,溢出隐藏*/
.box{overflow:hidden;} 
.div1{
background:red;
}
.div2{
background:yellow;
}
.div3{
background:green;

}

        4.呈现效果

            (1)点击 div1红色

                        

            (2)点击 div2黄色

                        

            (3)点击 div3绿色

                        

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_35593985/article/details/79957494
文章标签: tab切换 css html
个人分类: 学习
上一篇清除浮动--BFC
下一篇链接伪类
想对作者说点什么? 我来说一句

MFC小程序文件空格和TAB切换

2011年05月05日 9.02MB 下载

没有更多推荐了,返回首页

关闭
关闭