├── .gitignore ├── README.md ├── bootstrap ├── bootstrap.css └── bootstrap.min.js ├── css ├── font-awesome.min.css ├── fonts │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ └── fontawesome-webfont.woff2 ├── slideout.css └── style.css ├── img ├── achieve │ ├── apkpure.png │ ├── carrot.png │ ├── folder.png │ ├── logo.gif │ ├── org.png │ └── yunmeng.png ├── baidu-xs.png ├── baidu.png ├── bg-night.jpg ├── bg-xs.jpg ├── bg.jpg ├── bilibili-xs.png ├── bilibili.png ├── bing-xs.png ├── bing.png ├── coolapk.png ├── csdn.png ├── ding.png ├── doge-xs.png ├── doge.png ├── douban.png ├── douyu.png ├── duckduckgo-xs.png ├── duckduckgo.png ├── github-xs.png ├── github.png ├── google-xs.png ├── google.png ├── headline.png ├── hupu.png ├── icon.ico ├── jingdong-xs.png ├── jingdong.jpg ├── jingdong.png ├── kuaidi-xs.png ├── kuaidi.png ├── log.png ├── magi-xs.png ├── magi.png ├── menu.svg ├── mi.png ├── miji-xs.png ├── miji.png ├── quark-xs.png ├── quark.png ├── search-change.svg ├── seeres-xs.png ├── seeres.png ├── shuziweiba.png ├── sougou-xs.png ├── sougou.png ├── sspai.png ├── svg │ ├── apkpure.svg │ ├── baidu-xs.svg │ ├── baidu.svg │ ├── bg.svg │ ├── bilibili.svg │ ├── bing-xs.svg │ ├── bing.svg │ ├── coolapk.svg │ ├── ding.svg │ ├── doge-xs.svg │ ├── doge.svg │ ├── duckduckgo-xs.svg │ ├── duckduckgo.svg │ ├── github.svg │ ├── google-xs.svg │ ├── google.svg │ ├── headline.svg │ ├── log.svg │ ├── magi-xs.svg │ ├── magi.svg │ ├── mi.svg │ ├── quark.svg │ ├── seeres-xs.svg │ ├── seeres.svg │ ├── sougou-xs.svg │ ├── sougou.svg │ ├── sspai.svg │ ├── toutiao.svg │ ├── true.svg │ ├── unsplash.svg │ ├── via.svg │ ├── wechat-xs.svg │ ├── wechat.svg │ ├── weibo.svg │ ├── xda.svg │ ├── yahoo-xs.svg │ ├── yahoo.svg │ └── zhihu.svg ├── taobao-xs.png ├── taobao.png ├── toutiao-xs.png ├── toutiao.png ├── true.png ├── unsplash.png ├── via.png ├── wechat-xs.png ├── wechat.png ├── weibo-xs.png ├── weibo.png ├── xda.png ├── xiaozhong.png ├── yahoo-xs.png ├── yahoo.png ├── zhihu-xs.png ├── zhihu.png └── zhihulogo.png ├── index.html └── js ├── jQuery.js ├── main.js └── slideout.min.js /.gitignore: -------------------------------------------------------------------------------- 1 | release/ -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ### 一个导航 2 | 3 | ![](https://img.shields.io/badge/version-4.1.2-red) 4 | 5 | ------------ 6 | #### 这是什么 7 | 8 | 市面上有很多知名的导航，但是我都不太喜欢。不是铺满广告，就是信息太杂。所以尝试自己写了个导航页，支持响应式。绝对无添加无防腐剂！太低版本的浏览器（比如IE8以下）显示可能有问题，不过也没打算适配。 9 | 10 | #### Demo 11 | 12 | ------------ 13 | 14 | 地址：[点击跳转](https://nav.kksan.top/) 15 | 16 | ⭐更新日志：[点击跳转](https://kksan.top/f5404b68deeb4634b39dac0bc67ec693)⭐ 17 | 18 | #### 如何使用 19 | 20 | ------------ 21 | 22 | 选择download as zip方式下载或者clone到本地： 23 | ``` 24 | git clone https://github.com/HoYuenhang/aNavigation 25 | ``` 26 | 27 | #### 响应式 28 | 29 | ------------ 30 | 31 | **桌面端** 32 | 33 | ![桌面端预览](https://s1.ax1x.com/2020/03/13/8MV3uT.png) 34 | 35 | **移动端** 36 | 37 | ![移动端预览](https://s1.ax1x.com/2020/03/14/8MV6Ve.jpg) 38 | 39 | 40 | #### 开源相关 41 | 42 | ------------ 43 | 44 | Bootstrap：[https://getbootstrap.com](https://getbootstrap.com "https://getbootstrap.com") 45 | 46 | CSSFX：[https://cssfx.netlify.com](https://cssfx.netlify.com "https://cssfx.netlify.com") 47 | 48 | jQuery：[https://jquery.com](https://jquery.com "https://jquery.com") 49 | 50 | slideout：[https://slideout.js.org](https://slideout.js.org "https://slideout.js.org") 51 | 52 | font-awesome：[https://fontawesome.com](https://fontawesome.com "https://fontawesome.com") 53 | 54 | 知心天气：[https://www.seniverse.com/](https://www.seniverse.com/ "https://www.seniverse.com/") 55 | -------------------------------------------------------------------------------- /css/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/css/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /css/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/css/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /css/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/css/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /css/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/css/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /css/slideout.css: -------------------------------------------------------------------------------- 1 | html, 2 | body { 3 | width: 100%; 4 | height: 100%; 5 | font: 100%/1.4em 'Calibre Light', 'Helvetica Neue', Helvetica, Arial, sans-serif; 6 | margin: 0 auto; 7 | color: #222; 8 | -webkit-text-size-adjust: none; 9 | -webkit-font-smoothing: antialiased; 10 | } 11 | 12 | body, 13 | .panel { 14 | background-color: #fff; 15 | } 16 | 17 | .menu { 18 | background-color: #EDEDED; 19 | } 20 | 21 | a { 22 | color: #4B5; 23 | text-decoration: none; 24 | } 25 | 26 | .panel { 27 | text-align: center; 28 | padding-top: 5px; 29 | min-height: 100%; 30 | } 31 | 32 | /*侧边栏按钮*/ 33 | .btn-hamburger { 34 | cursor: pointer; 35 | width: 40px; 36 | height: 40px; 37 | border: none; 38 | position: absolute; 39 | top: 15px; 40 | left: 10px; 41 | outline: none; 42 | } 43 | 44 | .btn-hamburger img { 45 | width: 40px; 46 | height: 40px; 47 | } 48 | 49 | /*中屏幕*/ 50 | @media all and (min-width:40em) { 51 | .btn-hamburger { 52 | top: 20px; 53 | left: 30px; 54 | } 55 | } 56 | 57 | .menu, 58 | .slideout-menu { 59 | position: fixed; 60 | left: 0; 61 | top: 0; 62 | bottom: 0; 63 | right: 0; 64 | z-index: 0; 65 | width: 290px; 66 | overflow-y: scroll; 67 | -webkit-overflow-scrolling: touch; 68 | display: none; 69 | } 70 | 71 | .panel, 72 | .slideout-panel { 73 | position: relative; 74 | z-index: 1; 75 | } 76 | 77 | .slideout-open, 78 | .slideout-open body { 79 | overflow: hidden; 80 | } 81 | 82 | .slideout-open .slideout-menu { 83 | display: block; 84 | } -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | /*公共布局*/ 2 | 3 | a, 4 | a:hover, 5 | a:visited { 6 | text-decoration: none; 7 | } 8 | 9 | span { 10 | background-color: transparent; 11 | } 12 | 13 | li { 14 | list-style: none; 15 | } 16 | 17 | ul { 18 | padding: 0 10px; 19 | display: inline-block; 20 | width: 100%; 21 | margin: 0 auto; 22 | margin: 0!important; 23 | } 24 | 25 | 26 | /*媒体查询*/ 27 | 28 | @media (max-width: 768px) { 29 | /*小屏*/ 30 | #main { 31 | background: url(../img/bg-xs.jpg) no-repeat; 32 | background-attachment: fixed; 33 | background-size: cover; 34 | } 35 | .search-box { 36 | margin: 0; 37 | } 38 | .inputDiv { 39 | margin: 30px 20px 0; 40 | } 41 | } 42 | 43 | @media (min-width: 768px) { 44 | /*大屏*/ 45 | #main { 46 | background: url(../img/bg.jpg) no-repeat; 47 | background-attachment: fixed; 48 | background-size: cover; 49 | } 50 | .search-box { 51 | margin: 20px 70px 0 70px; 52 | } 53 | .inputDiv { 54 | margin: 30px 130px 0; 55 | } 56 | } 57 | 58 | #main { 59 | background-color: #fff; 60 | margin: 0; 61 | } 62 | 63 | #menu::-webkit-scrollbar { 64 | /*滚动条整体样式*/ 65 | width: 10px; 66 | /*高宽分别对应横竖滚动条的尺寸*/ 67 | height: 10px; 68 | scrollbar-arrow-color: red; 69 | } 70 | 71 | #menu::-webkit-scrollbar-thumb { 72 | /*滚动条里面小方块*/ 73 | border-radius: 5px; 74 | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); 75 | background: rgba(0, 0, 0, 0.2); 76 | scrollbar-arrow-color: red; 77 | } 78 | 79 | #menu::-webkit-scrollbar-track { 80 | /*滚动条里面轨道*/ 81 | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); 82 | border-radius: 0; 83 | background: rgba(0, 0, 0, 0.1); 84 | } 85 | 86 | 87 | /*搜索盒子*/ 88 | 89 | #logo { 90 | margin: 0 auto; 91 | } 92 | 93 | #logo div { 94 | margin: 0 auto; 95 | width: 300px; 96 | } 97 | 98 | #img { 99 | animation: fade-in; 100 | animation-duration: 0.2s; 101 | -webkit-animation: fade-in 0.2s; 102 | width: 300px; 103 | } 104 | 105 | 106 | /*搜索提示词*/ 107 | 108 | #searchlist { 109 | width: 100%; 110 | position: absolute; 111 | background-color: rgba(249, 240, 218, 0.9); 112 | border-radius: 5px; 113 | margin-top: 10px; 114 | display: none; 115 | } 116 | 117 | #searchlist ul { 118 | padding: 10px; 119 | } 120 | 121 | #searchlist ul a li { 122 | color: #777; 123 | text-align: left; 124 | padding: 8px 0; 125 | border-radius: 5px; 126 | } 127 | 128 | #searchlist ul a li:hover, 129 | .activeli { 130 | color: lightcoral; 131 | background-color: #DCDCDC; 132 | } 133 | 134 | #searchlist ul a li span { 135 | -webkit-tap-highlight-color: #00000000; 136 | list-style: none; 137 | cursor: pointer; 138 | box-sizing: border-box; 139 | display: inline-block; 140 | width: 16px; 141 | height: 16px; 142 | font-size: 16px; 143 | line-height: 16px; 144 | text-align: center; 145 | background: lightblue; 146 | margin-right: 10px; 147 | border-radius: 10px; 148 | color: #999; 149 | } 150 | 151 | 152 | /*标签、导航选择器*/ 153 | 154 | .Select { 155 | margin: 20px auto 0; 156 | color: #00868B; 157 | font-weight: bold; 158 | text-align: center; 159 | cursor: pointer; 160 | width: 50%; 161 | font-size: 16px; 162 | } 163 | 164 | 165 | /*搜索框*/ 166 | 167 | .inputDiv { 168 | padding: 0; 169 | z-index: 0; 170 | animation: fade-in; 171 | animation-duration: 0.5s; 172 | -webkit-animation: fade-in 0.5s; 173 | position: relative; 174 | border-radius: 0px; 175 | } 176 | 177 | .inputDiv input, 178 | .inputDiv button { 179 | border: none; 180 | outline: none; 181 | border-radius: 3px; 182 | } 183 | 184 | .inputDiv input { 185 | width: 100%; 186 | height: 42px; 187 | background: #F9F0DA; 188 | color: #575757; 189 | padding-left: 15px; 190 | transition: box-shadow 0.2s; 191 | -moz-transition: box-shadow 0.2s; 192 | /* Firefox */ 193 | -webkit-transition: box-shadow 0.2s; 194 | /* Safari and Chrome */ 195 | -o-transition: box-shadow 0.2s; 196 | /* Opera */ 197 | } 198 | 199 | .inputDiv input:focus { 200 | box-shadow: 0px 0px 0px 4px #F9F0DA; 201 | } 202 | 203 | .inputDiv button { 204 | height: 26px; 205 | width: 26px; 206 | padding: 2px; 207 | position: absolute; 208 | top: 8px; 209 | right: 8px; 210 | background: #00868B; 211 | cursor: pointer; 212 | } 213 | 214 | .inputDiv button:before { 215 | content: "\f105"; 216 | font-family: FontAwesome; 217 | color: #F9F0DA; 218 | font-size: 20px; 219 | font-weight: bold; 220 | } 221 | 222 | 223 | /*侧边栏按钮*/ 224 | 225 | .slidebtn { 226 | border-radius: 50%; 227 | transition: background-color 0.2s; 228 | } 229 | 230 | .slidebtn:hover { 231 | background-color: rgba(211, 211, 211, 0.2); 232 | } 233 | 234 | 235 | /*标签*/ 236 | 237 | .folder { 238 | animation: fade-in; 239 | animation-duration: 1s; 240 | -webkit-animation: fade-in 1s; 241 | width: 100%; 242 | margin-top: 10px; 243 | display: block; 244 | } 245 | 246 | .folder-item { 247 | margin-bottom: 10px; 248 | } 249 | 250 | .folder-item-box, 251 | .folder-item-img { 252 | width: 50px; 253 | margin: 0 auto; 254 | border-radius: 38%; 255 | transition: all .2s ease; 256 | } 257 | 258 | .folder-item2 { 259 | margin-bottom: 20px; 260 | } 261 | 262 | .folder-item-box2, 263 | .folder-item-img2 { 264 | width: 42px; 265 | margin: 0 auto; 266 | border-radius: 38%; 267 | transition: all .2s ease; 268 | } 269 | 270 | .folder-item-img:hover, 271 | .folder-item-img2:hover { 272 | transform: translate3d(0, -3px, 0); 273 | box-shadow: rgba(33, 33, 33, 0.75) 0 14px 12px -7px!important; 274 | } 275 | 276 | .folder-item-box p { 277 | font-size: 12px; 278 | color: #969696; 279 | width: 100%; 280 | margin: 10px 0 0 0; 281 | text-align: center; 282 | } 283 | 284 | 285 | /*导航*/ 286 | 287 | .nav { 288 | animation: fade-in; 289 | animation-duration: 1s; 290 | -webkit-animation: fade-in 1s; 291 | width: 100%; 292 | margin-top: 10px; 293 | display: none; 294 | } 295 | 296 | 297 | /*侧边栏内容*/ 298 | 299 | blockquote { 300 | margin: 0!important; 301 | font-weight: bold; 302 | color: black; 303 | } 304 | 305 | .menu ul a li { 306 | float: left; 307 | } 308 | 309 | .sidenav-btn { 310 | font-size: 14px; 311 | margin: 2% 4%; 312 | padding: 6px; 313 | border-radius: 5px; 314 | background-color: #E3E3E3; 315 | color: black; 316 | display: block; 317 | text-align: center; 318 | text-decoration: none; 319 | width: 42%; 320 | transition: 0.3s; 321 | /*标签延迟0.3s显示*/ 322 | } 323 | 324 | .sidenav-btn:hover { 325 | background-color: lightgray; 326 | } 327 | 328 | .sidenav-btn p { 329 | margin: 0; 330 | font-size: 10px; 331 | text-align: center; 332 | color: gray; 333 | } 334 | 335 | #tp-weather-widget .sw-container { 336 | z-index: 9; 337 | left: unset; 338 | right: 10px; 339 | top: unset; 340 | bottom: 10px; 341 | box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px; 342 | } 343 | 344 | 345 | /*动画*/ 346 | 347 | @keyframes fade-in { 348 | 0% { 349 | opacity: 0; 350 | } 351 | /*初始状态 透明度为0*/ 352 | 40% { 353 | opacity: 0; 354 | } 355 | /*过渡状态 透明度为0*/ 356 | 100% { 357 | opacity: 1; 358 | } 359 | /*结束状态 透明度为1*/ 360 | } 361 | 362 | @-webkit-keyframes fade-in { 363 | /*针对webkit内核*/ 364 | 0% { 365 | opacity: 0; 366 | } 367 | 40% { 368 | opacity: 0; 369 | } 370 | 100% { 371 | opacity: 1; 372 | } 373 | } -------------------------------------------------------------------------------- /img/achieve/apkpure.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/achieve/apkpure.png -------------------------------------------------------------------------------- /img/achieve/carrot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/achieve/carrot.png -------------------------------------------------------------------------------- /img/achieve/folder.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/achieve/folder.png -------------------------------------------------------------------------------- /img/achieve/logo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/achieve/logo.gif -------------------------------------------------------------------------------- /img/achieve/org.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/achieve/org.png -------------------------------------------------------------------------------- /img/achieve/yunmeng.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/achieve/yunmeng.png -------------------------------------------------------------------------------- /img/baidu-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/baidu-xs.png -------------------------------------------------------------------------------- /img/baidu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/baidu.png -------------------------------------------------------------------------------- /img/bg-night.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/bg-night.jpg -------------------------------------------------------------------------------- /img/bg-xs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/bg-xs.jpg -------------------------------------------------------------------------------- /img/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/bg.jpg -------------------------------------------------------------------------------- /img/bilibili-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/bilibili-xs.png -------------------------------------------------------------------------------- /img/bilibili.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/bilibili.png -------------------------------------------------------------------------------- /img/bing-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/bing-xs.png -------------------------------------------------------------------------------- /img/bing.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/bing.png -------------------------------------------------------------------------------- /img/coolapk.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/coolapk.png -------------------------------------------------------------------------------- /img/csdn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/csdn.png -------------------------------------------------------------------------------- /img/ding.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/ding.png -------------------------------------------------------------------------------- /img/doge-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/doge-xs.png -------------------------------------------------------------------------------- /img/doge.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/doge.png -------------------------------------------------------------------------------- /img/douban.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/douban.png -------------------------------------------------------------------------------- /img/douyu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/douyu.png -------------------------------------------------------------------------------- /img/duckduckgo-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/duckduckgo-xs.png -------------------------------------------------------------------------------- /img/duckduckgo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/duckduckgo.png -------------------------------------------------------------------------------- /img/github-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/github-xs.png -------------------------------------------------------------------------------- /img/github.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/github.png -------------------------------------------------------------------------------- /img/google-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/google-xs.png -------------------------------------------------------------------------------- /img/google.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/google.png -------------------------------------------------------------------------------- /img/headline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/headline.png -------------------------------------------------------------------------------- /img/hupu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/hupu.png -------------------------------------------------------------------------------- /img/icon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/icon.ico -------------------------------------------------------------------------------- /img/jingdong-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/jingdong-xs.png -------------------------------------------------------------------------------- /img/jingdong.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/jingdong.jpg -------------------------------------------------------------------------------- /img/jingdong.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/jingdong.png -------------------------------------------------------------------------------- /img/kuaidi-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/kuaidi-xs.png -------------------------------------------------------------------------------- /img/kuaidi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/kuaidi.png -------------------------------------------------------------------------------- /img/log.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/log.png -------------------------------------------------------------------------------- /img/magi-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/magi-xs.png -------------------------------------------------------------------------------- /img/magi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/magi.png -------------------------------------------------------------------------------- /img/menu.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /img/mi.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/mi.png -------------------------------------------------------------------------------- /img/miji-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/miji-xs.png -------------------------------------------------------------------------------- /img/miji.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/miji.png -------------------------------------------------------------------------------- /img/quark-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/quark-xs.png -------------------------------------------------------------------------------- /img/quark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/quark.png -------------------------------------------------------------------------------- /img/search-change.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Path 2 5 | Created with Sketch. 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /img/seeres-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/seeres-xs.png -------------------------------------------------------------------------------- /img/seeres.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/seeres.png -------------------------------------------------------------------------------- /img/shuziweiba.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/shuziweiba.png -------------------------------------------------------------------------------- /img/sougou-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/sougou-xs.png -------------------------------------------------------------------------------- /img/sougou.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/sougou.png -------------------------------------------------------------------------------- /img/sspai.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/sspai.png -------------------------------------------------------------------------------- /img/svg/apkpure.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 108 | 109 | -------------------------------------------------------------------------------- /img/svg/baidu-xs.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 81 | 82 | -------------------------------------------------------------------------------- /img/svg/bilibili.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /img/svg/coolapk.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 176 | 177 | -------------------------------------------------------------------------------- /img/svg/ding.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 202 | 203 | -------------------------------------------------------------------------------- /img/svg/github.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /img/svg/google-xs.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 132 | 133 | -------------------------------------------------------------------------------- /img/svg/log.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 71 | 72 | -------------------------------------------------------------------------------- /img/svg/magi-xs.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 170 | 171 | -------------------------------------------------------------------------------- /img/svg/quark.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /img/svg/seeres-xs.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 186 | 187 | -------------------------------------------------------------------------------- /img/svg/sougou-xs.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 94 | 95 | -------------------------------------------------------------------------------- /img/svg/sspai.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 178 | 179 | -------------------------------------------------------------------------------- /img/svg/toutiao.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /img/svg/unsplash.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 216 | 217 | -------------------------------------------------------------------------------- /img/svg/wechat-xs.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 164 | 165 | -------------------------------------------------------------------------------- /img/svg/weibo.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /img/svg/xda.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 224 | 225 | -------------------------------------------------------------------------------- /img/svg/yahoo-xs.svg: -------------------------------------------------------------------------------- 1 |  2 | 3 | 131 | 132 | -------------------------------------------------------------------------------- /img/taobao-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/taobao-xs.png -------------------------------------------------------------------------------- /img/taobao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/taobao.png -------------------------------------------------------------------------------- /img/toutiao-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/toutiao-xs.png -------------------------------------------------------------------------------- /img/toutiao.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/toutiao.png -------------------------------------------------------------------------------- /img/true.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/true.png -------------------------------------------------------------------------------- /img/unsplash.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/unsplash.png -------------------------------------------------------------------------------- /img/via.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/via.png -------------------------------------------------------------------------------- /img/wechat-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/wechat-xs.png -------------------------------------------------------------------------------- /img/wechat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/wechat.png -------------------------------------------------------------------------------- /img/weibo-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/weibo-xs.png -------------------------------------------------------------------------------- /img/weibo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/weibo.png -------------------------------------------------------------------------------- /img/xda.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/xda.png -------------------------------------------------------------------------------- /img/xiaozhong.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/xiaozhong.png -------------------------------------------------------------------------------- /img/yahoo-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/yahoo-xs.png -------------------------------------------------------------------------------- /img/yahoo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/yahoo.png -------------------------------------------------------------------------------- /img/zhihu-xs.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/zhihu-xs.png -------------------------------------------------------------------------------- /img/zhihu.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/zhihu.png -------------------------------------------------------------------------------- /img/zhihulogo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/HoYuenhang/aNavigation/dc34e8d23f23766d2e022e68e49cb4bd8144c124/img/zhihulogo.png -------------------------------------------------------------------------------- /js/slideout.min.js: -------------------------------------------------------------------------------- 1 | !function(t){if("object"==typeof exports&&"undefined"!=typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var e;"undefined"!=typeof window?e=window:"undefined"!=typeof global?e=global:"undefined"!=typeof self&&(e=self),e.Slideout=t()}}(function(){var t,e,n;return function i(t,e,n){function o(r,a){if(!e[r]){if(!t[r]){var u=typeof require=="function"&&require;if(!a&&u)return u(r,!0);if(s)return s(r,!0);var l=new Error("Cannot find module '"+r+"'");throw l.code="MODULE_NOT_FOUND",l}var f=e[r]={exports:{}};t[r][0].call(f.exports,function(e){var n=t[r][1][e];return o(n?n:e)},f,f.exports,i,t,e,n)}return e[r].exports}var s=typeof require=="function"&&require;for(var r=0;rt._tolerance?t.open():t.close()}t._moved=false};this.panel.addEventListener(f.end,this._onTouchEndFn);this._onTouchMoveFn=function(e){if(r||t._preventOpen||typeof e.touches==="undefined"||d(e.target)){return}var n=e.touches[0].clientX-t._startOffsetX;var i=t._currentOffsetX=n;if(Math.abs(i)>t._padding){return}if(Math.abs(n)>20){t._opening=true;var o=n*t._orientation;if(t._opened&&o>0||!t._opened&&o<0){return}if(!t._moved){t.emit("translatestart")}if(o<=0){i=n+t._padding*t._orientation;t._opening=false}if(!(t._moved&&u.classList.contains("slideout-open"))){u.classList.add("slideout-open")}t.panel.style[h+"transform"]=t.panel.style.transform="translateX("+i+"px)";t.emit("translate",i);t._moved=true}};this.panel.addEventListener(f.move,this._onTouchMoveFn);return this};_.prototype.enableTouch=function(){this._touch=true;return this};_.prototype.disableTouch=function(){this._touch=false;return this};_.prototype.destroy=function(){this.close();a.removeEventListener(f.move,this._preventMove);this.panel.removeEventListener(f.start,this._resetTouchFn);this.panel.removeEventListener("touchcancel",this._onTouchCancelFn);this.panel.removeEventListener(f.end,this._onTouchEndFn);this.panel.removeEventListener(f.move,this._onTouchMoveFn);a.removeEventListener("scroll",this._onScrollFn);this.open=this.close=function(){};return this};e.exports=_},{decouple:2,emitter:3}],2:[function(t,e,n){"use strict";var i=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||function(t){window.setTimeout(t,1e3/60)}}();function o(t,e,n){var o,s=false;function r(t){o=t;a()}function a(){if(!s){i(u);s=true}}function u(){n.call(t,o);s=false}t.addEventListener(e,r,false);return r}e.exports=o},{}],3:[function(t,e,n){"use strict";var i=function(t,e){if(!(t instanceof e)){throw new TypeError("Cannot call a class as a function")}};n.__esModule=true;var o=function(){function t(){i(this,t)}t.prototype.on=function e(t,n){this._eventCollection=this._eventCollection||{};this._eventCollection[t]=this._eventCollection[t]||[];this._eventCollection[t].push(n);return this};t.prototype.once=function n(t,e){var n=this;function i(){n.off(t,i);e.apply(this,arguments)}i.listener=e;this.on(t,i);return this};t.prototype.off=function o(t,e){var n=undefined;if(!this._eventCollection||!(n=this._eventCollection[t])){return this}n.forEach(function(t,i){if(t===e||t.listener===e){n.splice(i,1)}});if(n.length===0){delete this._eventCollection[t]}return this};t.prototype.emit=function s(t){var e=this;for(var n=arguments.length,i=Array(n>1?n-1:0),o=1;o