【淘宝店铺装修设计】仙桃网站建设-公司官网重新制作

发表日期： 2022-09-01 14:51:00 浏览次数：167

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）

仙桃网站建设

网站建设.png

大数据中心大规模的建设中，云服务厂商针对小微企业进行业务优化，在服务套件、维护手段上进行针对的调整，由政府购买公共性服务。

由于政府鼓励小微企业上云亿元很强烈，针对小微企业的云服务前景较大，目前国内有1169.87万户中小企业，占比所有企业76.6%，成长空间巨大。

<div class="dropdown">
  <button onclick="myFunction()" class="dropbtn">下拉菜单</button>
  <div id="myDropdown" class="dropdown-content">
    <input type="text" placeholder="Search.." id="myInput" onkeyup="filterFunction()">
    <a href="#about">Google</a>
    <a href="#base">Runoob</a>
    <a href="#blog">Taobao</a>
    <a href="#contact">Wiki</a>
    <a href="#custom">Zhihu</a>
    <a href="#support">Tmall</a>
    <a href="#tools">Weibo</a>
  </div></div>

以下搜索搜索框和联想菜单的样式：

实例

/* 下拉菜单按钮 */.dropbtn {
  background-color: #04AA6D;  color: white;  padding: 16px;  font-size: 16px;  border: none;  cursor: pointer;}
 /* 鼠标移动到下拉菜单按钮到样式*/.dropbtn:hover, .dropbtn:focus {
  background-color: #3e8e41;}
 /* 搜索框 */#myInput {
  box-sizing: border-box;  background-image: url('searchicon.png');  background-position: 14px 12px;  background-repeat: no-repeat;  font-size: 16px;  padding: 14px 20px 12px 45px;  border: none;  border-bottom: 1px solid #ddd;}
 /* 搜索框获取焦点的样式 */#myInput:focus {outline: 3px solid #ddd;}
 /* 容器 <div> - 定位下拉菜单 */.dropdown {
  position: relative;  display: inline-block;}
 /* 下拉菜单内容 (默认隐藏) */.dropdown-content {
  display: none;  position: absolute;  background-color: #f6f6f6;  min-width: 230px;  border: 1px solid #ddd;  z-index: 1;}
 /* 下拉菜单链接样式 */.dropdown-content a {
  color: black;  padding: 12px 16px;  text-decoration: none;  display: block;}
 /* 鼠标移动到链接上的样式 */.dropdown-content a:hover {background-color: #f1f1f1}
 /* 显示下拉菜单 (使用 JS 添加 .dropdown-content 类) */.show {display:block;}

仙桃网站建设

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）

上一页：【淘宝店铺装修设计】东平企业网站设计 - 东平高端网站定制 - 东平品牌网站搭建 - 上往建站-公司官网重新制作

下一页：【淘宝店铺装修设计】东平公众号代运营公司-公司官网重新制作