11月27号侧边

最新推荐文章于 2021-08-11 23:18:50 发布

1825929409

最新推荐文章于 2021-08-11 23:18:50 发布

阅读量101

点赞数

本文链接：https://blog.csdn.net/qq_40886491/article/details/78767271

版权

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="UTF-8">
<style>
li{
list-style-type:none;
/*background-color:#333;*/
line-height:25px;
margin:0;
padding:0;
}
.ri{
float:right;
border:1px solid black;
background:#333;
bottom:0;
width:120px;
position:absolute;
top:1px;
right:-300px;
transition:right 1s;
}
li:hover{background-color:#ccc;}
li a{
text-decoration:none;
display:block;
padding:15px 18px;
color:#ffffff;
}
.button{
text-align:center;
margin-top:300px;

}
.btn{
padding:10px;10px;
background-color:#3385ff;
color:white;
}
.mask{
display:none;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(0,0,0,0.1);
}
</style>
</head>
<title>侧边</title>
<body>
<p>
<div class="mask"></div>
<ul>
<div class="ri">
<center><li><a href="" style="text-decoration:none;">关于我们</a></li>
<center><li><a href="" style="text-decoration:none;">约我吗？</a></li>
<center><li><a href="" style="text-decoration:none;">包养我</a></li>
<center><li><a href="" style="text-decoration:none;">同床共勉</a></li>
</div>
</ul>
</p>
<div class="button"><button type="button" class="btn btn-primary">点击一下</button></div>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/main.js"></script>
</body>
</html>