实例代码“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演示-左侧</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: #084887;}
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: #0883fd;}
16
            [data-simplersidebar='active'] { box-shadow: 3px 0px 3px 0px 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">