diff --git a/demo.html b/demo.html
index e92a1c7..4b38499 100644
--- a/demo.html
+++ b/demo.html
@@ -12,6 +12,8 @@
     <link rel="stylesheet" href="./component/font-awesome-4.7.0/css/font-awesome.min.css">
     <link href="./css/macdefault.css" rel="stylesheet">
     <script type="text/javascript" src="./js/mac.js"></script>
+	<link rel="stylesheet" href="./plugins/shortcut-drawer/shortcut-drawer.min.css">
+	<script type="text/javascript" src="./plugins/shortcut-drawer/shortcut-drawer.min.js"></script>
     <style>
         * {
             font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu
@@ -96,6 +98,31 @@
 			<div class="shortcut win10-open-window flipInX animated" data-url="./plugins/theme_switcher/theme_switcher.html" style="left: 92px; top: 510px;">
                 <i class="icon fa fa-fw fa-picture-o blue"></i>
                 <div class="title">切换壁纸</div>
+            </div>
+			<div class="shortcut win10-drawer">
+                <img class="icon" src="./img/icon/folder.png"/><!-- 
+                <i class="icon fa fa-fw fa-folder" style="color: blue;font-size: 50px;"></i> -->
+                <div class="title">新建文件夹</div>
+                <div class="win10-drawer-box">
+                    <div class="shortcut-drawer win10-drawer">
+                         <img class="icon" src="./img/icon/folder.png"/>
+                        <div class="title">新建文件夹</div>
+                        <div class="win10-drawer-box">
+                            <div class="shortcut-drawer win10-open-window" data-url="www.baidu.com">
+                                <i class="icon fa fa-fw fa-th-list orange"></i>
+                                <div class="title">子项1</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="shortcut-drawer win10-open-window" data-url="www.baidu.com">
+                        <i class="icon fa fa-fw fa-th-list orange"></i>
+                        <div class="title">子项1</div>
+                    </div>
+                    <div class="shortcut-drawer">
+                        <i class="icon fa fa-fw fa-th-list orange"></i>
+                        <div class="title">子项2</div>
+                    </div>
+                </div>
             </div>
         </div>
     </div>
diff --git a/img/icon/file.png b/img/icon/file.png
deleted file mode 100644
index e1961d0..0000000
Binary files a/img/icon/file.png and /dev/null differ
diff --git a/index.html b/index.html
index c38bd60..2f9dba7 100644
--- a/index.html
+++ b/index.html
@@ -12,6 +12,8 @@
     <link rel="stylesheet" href="./component/font-awesome-4.7.0/css/font-awesome.min.css">
     <link href="./css/macdefault.css" rel="stylesheet">
     <script type="text/javascript" src="./js/mac.js"></script>
+    <link rel="stylesheet" href="./plugins/shortcut-drawer/shortcut-drawer.min.css">
+    <script type="text/javascript" src="./plugins/shortcut-drawer/shortcut-drawer.min.js"></script>
     <style>
         * {
             font-family: "Microsoft YaHei", 微软雅黑, "MicrosoftJhengHei", 华文细黑, STHeiti, MingLiu
@@ -74,6 +76,30 @@
                 <img class="icon" src="./img/icon/demo.png"/>
                 <div class="title">查看DEMO</div>
             </div>
+            <div class="shortcut win10-drawer">
+                <img class="icon" src="./img/icon/folder.png"/>
+                <div class="title">新建文件夹</div>
+                <div class="win10-drawer-box">
+                    <div class="shortcut-drawer win10-drawer">
+                        <img class="icon" src="./img/icon/folder.png"/>
+                        <div class="title">三级菜单</div>
+                        <div class="win10-drawer-box">
+                            <div class="shortcut-drawer win10-open-window" data-url="www.baidu.com">
+                                <i class="icon fa fa-fw fa-th-list orange"></i>
+                                <div class="title">子项1</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="shortcut-drawer win10-open-window" data-url="www.baidu.com">
+                        <i class="icon fa fa-fw fa-th-list orange"></i>
+                        <div class="title">子项1</div>
+                    </div>
+                    <div class="shortcut-drawer">
+                        <i class="icon fa fa-fw fa-th-list orange"></i>
+                        <div class="title">子项2</div>
+                    </div>
+                </div>
+            </div>
         </div>
     </div>
     <div id="win10-menu" class="hidden">
diff --git a/js/mac.js b/js/mac.js
index 1b4694d..71e6241 100644
--- a/js/mac.js
+++ b/js/mac.js
@@ -643,7 +643,7 @@ window.Win10 = {
         $("#win10-msg-nof").removeClass('on-new-msg fa-commenting-o');
     },
     renderShortcuts:function () {
-        var h=parseInt(($("#win10 #win10-shortcuts")[0].offsetHeight-60)/100);
+        var h=parseInt(($("#win10 #win10-shortcuts")[0].offsetHeight-90)/100);
         var x=0,y=0;
         $("#win10 #win10-shortcuts .shortcut").each(function () {
             $(this).css({