实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
AخA
 
1
<!DOCTYPE html>
2
<html lang="zh-CN">
3
<head>
4
<meta charset="utf-8">
5
<title>jQuery侧边栏插件Simpler Sidebar演示-右侧_sucaihuo</title>
6
<style>
7
* { margin: 0; padding: 0;}
8
.txt { line-height: 50px; text-align: center;}
9
.txt .btn { margin: 100px 0 20px;}
10
.txt .btn span { display: inline-block; width: 100px; height: 50px; color: #fff; background-color: #f50; cursor: pointer;}
11
.sidebar-wrapper { position: relative; height: 100%; overflow: auto;}
12
#sucaihuo { background-color: #b71c1c;}
13
#sucaihuo .nav { margin-top: 50px; line-height: 40px; list-style-type: none;}
14
#sucaihuo .nav a { display: block; padding: 0 20px; color: #fff; text-decoration: none;}
15
#sucaihuo .nav a:hover { background-color: #e62828;}
16
[data-simplersidebar='active'] { box-shadow: -3px 0 3px 0 rgba(0, 0, 0, 0.5);}
17
</style>
18
</head>
19
<body>
20
<h1>jQuery侧边栏插件Simpler Sidebar演示-右侧</h1>
21
<div class="txt">
22
    <p class="btn">