首页 > 建站/维护 > 移动版-底部悬浮按钮html源码分析
2017
05-05

移动版-底部悬浮按钮html源码分析


移动版-底部悬浮按钮,可以拥有点击下载,点击咨询,点击拨打电话,也可以稍微修改下拆分出几个菜单,下面是源码:(复制代码,另存为html或htm文件即可)


<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>底部悬浮下载按钮</title>

    <meta name="description" content="">

    <meta name="keyword" content="">

    <meta name="description" content="">

</head>

<style>

body {

  box-sizing: border-box;

  padding: 0px;

  margin: 0px;

}

/*底部下载  开始*/

 .download {

  box-sizing: border-box;

  height: 60px;

  width: 100%;

  color: #fff;

  font-size: 17px;

  text-align: center;

  line-height: 40px;

  padding: 0px 12px;

  position: fixed;

  bottom: 0px;

  padding-bottom: 10px;

  padding-top: 10px;

  background-color: #fff;

  z-index: 100;

}

.download a{

  text-decoration: none;}

.download .btn {

  background: #33CB98;

  height: 40px;

  width: 100%;

  display: block;

  color: #fff;

  border-radius: 4px;

}

</style>

<body>



2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>2<br/>1<br/><br/><br/><br/>

<div>

<a href="https://www.dingtalk.com/android/d/qd=20160802145253503" target="_self">立即下载</a>

</div>

</body>

</html>


源文件下载

链接: https://pan.baidu.com/s/1c15G3oG 密码: jdbc