一个简单的悬浮按钮
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>漂浮按钮</title>
<style>
.grTop div{
width:80px; height:25px;
cursor:pointer; display:block;
text-align:center; font-size:small;
line-height:25px; border:1px solid #999;
position:fixed; right:0;
margin:5px;
display:block
}
.grTop .gbtn1{
background-color: #4CAF50;
border-bottom-color:#4CAF50;
border-right-color:#4CAF50;
border-radius:25px;
bottom:120px;
}
.grTop .gbtn2{
background-color: #2196F3;
border-bottom-color:#2196F3;
border-right-color:#2196F3;
border-radius:25px;
bottom:80px;
}
.grTop span{
background-color: #fff;
border-radius: 10px;
padding-left: 5px;
padding-right: 5px;
}
</style>
</head>
<body>
<div class="grTop">
<div class="gbtn1">按钮1<span>1</span></div>
<div class="gbtn2">按钮2<span>2</span></div>
</div>
</body>
</html>
794
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
