11月7号笔记 代码练习以及学习心得

…




li{
list-style-type:none;
/background-color:#333;/
line-height:25px;
margin:0;
padding:0;
}
.ri{
float:right;
border:1px solid black;
background:#333;
bottom:0;
width:120px;
position:absolute;
top:1px;
right:-300px;
transition:right 1s;
}
li:hover{background-color:#ccc;}
li a{
text-decoration:none;
display:block;
padding:15px 18px;
color:#ffffff;
}
.button{
text-align:center;
margin-top:300px;

}
.btn{
padding:10px;10px;
background-color:#3385ff;
color:white;
}
.mask{
display:none;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(0,0,0,0.1);
}


侧边

关于我们
约我吗？
包养我
同床共勉

点击一下

今天练习了侧边框弹出与收起来的代码，刚开始不太会做，后来看了老师上课的视频慢慢的把代码写出来了。
这些代码涉及到一些jquery，有不少调用在里面。