normal update

This commit is contained in:
wolegca 2019-09-12 14:10:51 +08:00
parent 95bc1fc2e2
commit 33d5844116
3 changed files with 14 additions and 6 deletions

3
base.js Normal file
View File

@ -0,0 +1,3 @@
$(window).on("selectstart",function(){
return false;
});

View File

@ -47,17 +47,18 @@ div.menu-container ul li {
white-space: nowrap white-space: nowrap
} }
div.menu-container ul li a { div.menu-container ul li * {
text-decoration: none; text-decoration: none;
color: #fff; color: #fff;
display: block; display: block;
padding: 8px 0 0; padding: 8px 0 0;
transition: all .5s ease; transition: all .5s ease;
font-size: 24px; font-size: 24px;
height: 40px height: 40px;
cursor: pointer
} }
div.menu-container ul li a:hover { div.menu-container ul li *:hover {
background-color: rgba(0, 0, 0, .5) background-color: rgba(0, 0, 0, .5)
} }
@ -75,7 +76,7 @@ label[for=menu-control].menu-button-container {
left: 0; left: 0;
width: 50px; width: 50px;
height: 30px; height: 30px;
cursor: pointer; cursor: pointer!important;
z-index:3 z-index:3
} }
@ -97,7 +98,8 @@ div.menu-button span {
height: 3px; height: 3px;
background-color: #ccc; background-color: #ccc;
display: block; display: block;
margin: 5px 0 0 3px margin: 5px 0 0 3px;
cursor:pointer
} }
@ -173,5 +175,6 @@ input#menu-control:checked~label.content-mask{
font-size: 24px; font-size: 24px;
background-color:rgba(25, 25, 25,.9); background-color:rgba(25, 25, 25,.9);
width:100%; width:100%;
z-index:2 z-index:2;
cursor: default
} }

View File

@ -17,6 +17,7 @@
<ul> <ul>
<li><a href="/">首页</a></li> <li><a href="/">首页</a></li>
<li><a href="javascript:void(0);">关于</a></li> <li><a href="javascript:void(0);">关于</a></li>
<li><label for="menu-control">返回</label></li>
</ul> </ul>
</div> </div>
<label for="menu-control" class="content-mask"></label> <label for="menu-control" class="content-mask"></label>
@ -44,6 +45,7 @@
</div> </div>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script src="base.js"></script>
</body> </body>
</html> </html>