百度侧栏代码

作者: 赵雪儿 | 来源:发表于2017-01-17 09:21 被阅读0次

百度侧栏代码
侧栏菜单滑动及返回顶部效果
ios导航栏-侧滑
RN 思路
25.1-博客前端：封装库--百度分享侧栏
vue侧栏组件实现
iOS 隐藏导航栏
CSS布局
图侧栏
15日作业编程题

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
#box{
    width:134px;
    height:1015px;
    }
#title{
    width:134px;
    height:80px;
    background:url(singer/1.gif) no-repeat 15px 20px;
    }
#content1{
    width:134px;
    height:152px;
    background:url(singer/2.gif) no-repeat 27px 42px;
    border-top:2px solid #f0f0f0;
    }   
#content2{
    width:134px;
    height:152px;
    background:url(singer/3.gif) no-repeat 37px 28px;
    border-top:2px solid #f0f0f0;
    }
#content3{
    width:134px;
    height:152px;
    background:url(singer/4.gif) no-repeat 31px 20px;
    border-top:2px solid #f0f0f0;
    }   
#content4{
    width:134px;
    height:152px;
    background:url(singer/5.gif) no-repeat 37px 20px;
    border-top:2px solid #f0f0f0;
    }
#content5{
    width:134px;
    height:152px;
    background:url(singer/6.gif) no-repeat 31px 26px;
    border-top:2px solid #f0f0f0;
    }   
#content6{
    width:134px;
    height:152px;
    background:url(singer/7.gif) no-repeat 35px 24px;
    border-top:2px solid #f0f0f0;
    }   
#content7{
    width:134px;
    height:10px;
    border-top:2px solid #f0f0f0;
    }       
</style>
</head>

<body>
<div id="box">
    <div id="title"></div>
    <div id="content1"></div>
    <div id="content2"></div>
    <div id="content3"></div>
    <div id="content4"></div>
    <div id="content5"></div>
    <div id="content6"></div>
    <div id="content7"></div>
</div>
</body>
</html>