imported>=海豚= |
imported>=海豚= |
| 第8行： |
第8行： |
| } | | } |
| }); | | }); |
| /* 由用户:850710247liu设计的浮动目录效果*/
| |
| .toc-custom {
| |
| position: fixed;
| |
| right: -190px;
| |
| top: 190px;
| |
| background: rgba(255, 255, 255, 0.8);
| |
| z-index: 10;
| |
| width: 176px;
| |
| filter: alpha(opacity=50);
| |
| -webkit-transition: -webkit-transform .2s ease-in;
| |
| transition: transform .2s ease-in;
| |
| padding: 0.8em;
| |
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12);
| |
| border-radius: 10px;
| |
| overflow: hidden;
| |
| border: 1px solid #ddd;
| |
| }
| |
| .toc-custom:hover {
| |
| opacity: 1;
| |
| filter: alpha(opacity=100);
| |
| -webkit-transform: translate(-85%, 0);
| |
| -ms-transform: translate(-85%, 0);
| |
| transform: translate(-85%, 0);
| |
| padding: 0.8em;
| |
| box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.12);
| |
| border-radius: 10px;
| |
| overflow: hidden;
| |
| border: 1px solid #ddd;
| |
| }
| |
| .toc-custom>ul {
| |
| height: 55vh;
| |
| overflow-y: scroll;
| |
| }
| |
| #toc:not(.toc-custom) {
| |
| display: none;
| |
| }
| |
|
| |
| #btn-showtoc {
| |
| cursor: pointer;
| |
| }
| |
|
| |
| .toc .toctoggle {
| |
| display: none;
| |
| }
| |