微信扫一扫 加好友咨询

建站套餐

云模板站300元

——

营销设计型官网

1200元 

支持分期支付网站费

——

优化排名5元/天 

营销型企业官网建设

担心网站做了没用?担心网站做得不好?网站分期付款来助您

预付定金300元即可为您做网站,修改满意后

再付300元即可使用半年180天

到期后网站若要继续使用,再付600元可再延期半年!

到期后续费低至600元/年

电话/微信咨询:139-1786-9545

活动有效期:2020年1月31日止

帮助中心

建站知识 新闻公告 操作教程

上海H5建站导航菜单模块的样式及使用方法

发表时间: 2020-08-18
上海H5建站导航模块常展示于网站页头,使浏览者快速找到他们需要的信息点击进入查看。常把一些重要的页面用导航来显示,方便客户快速找到页面,如产品中心、联系我们等页面。

上海H5建站导航模块常展示于网站页头,使浏览者快速找到他们需要的信息点击进入查看。常把一些重要的页面用导航来显示,方便客户快速找到页面,如产品中心、联系我们等页面。


实现效果


  • PC效果:


手机端效果:



一、PC端导航功能


1.1 添加导航的路径

  • 进入编辑页面——点击添加模块——基础——栏目,拖动模块到页面相应的位置


 


1.2、导航展示样式的调整



  1. 自定义风格:可自行填写代码更改导航样式
  2. 管理导航:快速设置栏目
  3. 色系:快速设置导航的主色调
  4. 选择菜单:设置一级菜单是否选择显示全部,自定义可勾选需要显示的一级菜单
  5. 子菜单:是否显示二、三级菜单
  6. 导航:新增上级栏目不可点击功能,其作用为存在二级栏目时,一级栏目不可点击;存在三级栏目时,一二级栏目均无法点击


1.3 导航设置


  • 路径:左侧菜单——导航
  • 修改导航名称及链接的地址。




1.4、效果演示图


  • 1.鼠标悬停上划线展示



  • 2.鼠标悬停下划线展示



  • 3.鼠标悬停背景色切换



  • 4.椭圆型背景悬停项



  • 5.方块型背景悬停项



  • 6.鼠标悬停边框显示



  • 7.带L型二级菜单



  • 8.传统下拉菜单



  • 9.横向半透明二级菜单



  • 10.圆点二三级菜单



  • 11.L型二三级菜单



  • 12.带副标题二三级菜单


  • 13.面包屑侧边导航栏



  • 14.全屏导航




二、手机端添加导航的操作路径


  • 2.1、点击菜单——微导航



  • 2.2 演示效果


  • 风格1:



  • 风格2:



  • 风格3:



  • 风格4:



  • 风格5:



  • 风格6:



  • 风格7:



  • 风格8:



  • 风格9:



常见问题:


  1. 问:导航除了现有的样式可以变吗
    答:现有的样式不能满足可以使用自定义风格自行添加代码。

  2. 问:手机导航可以显示二级菜单吗?
    答:可以,选择例如风格8的样式。


浏览: 313
点赞 | 0
分享
上海H5建站导航菜单模块的样式及使用方法
上海H5建站导航模块常展示于网站页头,使浏览者快速找到他们需要的信息点击进入查看。常把一些重要的页面用导航来显示,方便客户快速找到页面,如产品中心、联系我们等页面。
长按图片保存/分享
广告 活动

推荐阅读

热门资讯

热门检索

云站网可以为您做什么

sass云建站·营销型官网·自适应网站·推广优化


0元免费建站

多个模板可供选择

配置简单 快速上线 

腾讯云存储空间1G

免费升级 降低成本

仅限无网站的企业免费领取


可视化云模板建站

H5响应式技术,自由拖拽建站

数十个模块,上千个样式可选

saas系统安全可靠,不用学编程

集成数百套美观模板供选择

可以选模板,也可自己排版设计


营销型官网设计

根据用户需求,为客户设计网站界面

采用HTML5技术,自适应网站

产品主图,公司介绍等文字免费上传

为客户制作漂亮大气的幻灯片

域名注册+网站备案+网站设计维护


私域电商网站设计

社群微分销商城

短视频直播带货商城

多人拼团营销商城

小程序社区团购系统

B2B2C多商家系统


网站推广 优化 运营

为客户提供网站改版服务

为客户制作网站推广计划

为客户提供网站运营更新

关键词百度首页排名按天付费

关键词百度首页排名包年推广

还在等什么?联系我们 为您制定H5响应式营销型网站/商城/小程序设计/网站推广方案

全国服务热线:139 1786 9545

  • 联系人 *

  • 手机 *

  • 需求 *

  • 提交

  • 验证码
    看不清?换一张
    取消
    确定

扫一扫 添加客服微信

版权所有 Copyright(C) 云站网 上海云站网络技术服务中心沪ICP备20017299号-1  沪公网安备 31011402008820号