jQuery|jQuery - 侧栏导航点击滑入滑出效果 -
文章图片
20171203082234177.jpeg 点击按钮滑动显示侧边导航栏
Document - 锐客网 li {
list-style: none;
}
.side_open {
position: fixed;
top: 20%;
right: 0;
width: 218px;
height: 574px;
background-color: gray;
}
.side_btn {
position: absolute;
top: 20px;
left: -30px;
width: 30px;
height: 140px;
background-color: green;
}
.side_btn li {
width: 30px;
height: 140px;
position: absolute;
top: 0;
left: 0;
background-color: red;
display: none;
}
.side_btn li:first-child {
display: block;
}
- 收起 >
- 展开 <
推荐阅读
- 事件代理
- IDEA|IDEA 创建工程
- jQuery插件
- 7、前端--jQuery简介、基本选择器、基本筛选器、属性选择器、表单选择器、筛选器方法、节点操作、绑定事件
- 进阶任务十四
- 移动用户体验设计（底部导航）
- EXCEL的汽车导航-全能的GPS定位
- jQuery之trigger()方法
- React|React Native创建TabBar和导航栏
- 解决edge 每次启动 都会新开一个360网址导航页