diy页面如何做底部导航（自定义底部导航栏）
本文目录一览：
- 1、怎么做这样的底部导航栏？就是中间半圆凸起是怎么实现的？如果可以，写一个demo发过来。
- 2、小程序,能在页面里自己做个底部导航吗,就像H5做的底部导航一样
- 3、HTML5怎么把导航固定在底部？是只滑动内容，导航固定不动的。
- 4、HTML如何在网页不是顶部的地方制作一个导航
- 5、如何制作网页中的位置导航
怎么做这样的底部导航栏？就是中间半圆凸起是怎么实现的？如果可以，写一个demo发过来。
第一种方法是 美工切一个这种形状的底部整体图片
第二种方法 写一个圆形的button，放在标签栏中间
小程序,能在页面里自己做个底部导航吗,就像H5做的底部导航一样
小程序可以在页面里做底部导航的。
扩展内容：
小程序的6大优势：
1、方便快捷，即用即走。不需要在下载什么APP啦，既费流量，又占空间内存。小程序就是方便，即用即走。
2、速度快、不占内存因为小程序前端代码都是存在微信服务器上的，在腾讯云端存放呢，所以无需加载，直接就打开了，速度也比较快。并且还不占用手机内存。
3、安全稳定、保密性强其实小程序就类似苹果商店，首先需要审核才能发布。其次小程序通信采用的是https访问，SSL加密通信，并且小程序样式代码都封装在微信小程序里面，所以安全性更高，更稳定。
4、功能丰富，场景丰富可以调用比H5更多的手机系统功能来进行开发，例如GPS定位、录音、视上传视频、添加图片等，能开发更丰富的使用场景。
5、开发成本低、维护简便同样的功能，做一个APP估计需要十几万甚至几十万，而开发一个小程序，一般几千元就搞定了。维护起来也比较简单方便。
6、附近定位、入口众多开放的入口比较多，除了通过扫码，发送朋友，搜索，附近等常用入口外，还能与公众号关联，群发文章嵌入，公众号菜单链接等。
HTML5怎么把导航固定在底部？是只滑动内容，导航固定不动的。
HTML5怎么把导航固定在底部的步骤如下：
css的定位样式属性来实现；会用到css中的position：fixed;属性，结合来实现。
style.foot-menu{width:100%;height:60px;background:#000;position:fixed;bottom:0;/**距离底部为0*/left:0;z-index:1;}/stylediv class="057d-f10f-3b06-c7fc foot-menu"
!---导航具体内容--
/div
拓展资料
css3网页底部固定导航是一款纯css3实现的网页底部固定导航菜单。特性介绍：
1、边框特性
CSS3对网页中的边框进行了一些改进，主要包括支持圆角边框、多层边框、边框色彩与图片等。在CSS3中最常用的一个改进就是圆角边框，通过CSS3的属性可以快速实现圆角定义，同时还可以根据实际情况针对特定角进行圆角定义 。
2、多背景图
CSS3允许使用多个属性(比如background-image、background-repeat、background-size、background-position、background-origin和background-clip等)在一个元素上添加多层背景图片。
HTML如何在网页不是顶部的地方制作一个导航
说真的，你现在好好去了解一下DIV吧，DIV你单靠看W3C是看不懂的，看视频吧。
导航可以放在太多地方了，网上一找，各种代码。
你去了解一下DIV，再去了解一下内敛、内敛块和块级元素。这几个概念在HTML中很重要。
最简单的一个布局
div id="wrap"
div class="f10f-3b06-c7fc-a9db nav"
这个就是左侧导航
/div
div class ="right"
div class ="main"
这是右侧的主界面
/div
div class="3b06-c7fc-a9db-dc6f foot"
这是底部
/div
/div
/div
上面的代码，把页面分成了两部分，左侧的部分是导航，右侧的部分，是主页和底部。反正是千变万化的。
如何制作网页中的位置导航
这个做起来不能但说起来复杂，基本原理就是根据获取的ID赋值给当前位置的变量。比如说有ab两个页面a.asp b.asp,从a页面点击链接b.asp?id=1跳转到b页面，b页面就根据获取的id调用数据库里面的分类名称，赋值到当前位置的变量里，这样随着ID的不同，当前位置就会发生变化。还有别的方式，比如静态的变量，不需要调用数据库，而是在页面定义的，也可以
