建站套餐
云模板站300元
——
营销设计型官网
600元
非模板站
——
优化排名4元/天 起
帮助中心
建站知识 新闻公告 操作教程
上海H5网站建设系统如何用标签做出大屏图文导航
发表时间：
2020-08-13
让网站导航内容更多元丰富化，突破以往只能显示文字的导航方式，上海H5网站建设系统如何用标签做出大屏图文导航,松江网站建设,优化型网站建设,sass建站,通用模块
实现效果
- 鼠标移到对应的导航，下方显示不同布局的内容
一、添加标签模块（选择风格6，风格3以及图标标签这三种样式）
- 路径：编辑页面——模块——基础——标签模块 （以风格6为例）
二、样式设置：
- 内容展示：勾选择内容悬浮：作为导航样式使用，需勾选标签内容会默认隐藏，鼠标移入显示的效果
- 调整区域：标签内容区编辑显示的区域
三、标签内容区布局设置
- 设置4S服务下方内容区为例，鼠标点击4S会出现对应标签内容区，移到下面内容区的右侧齿轮，分栏设置。
- 设置选择两二列分栏，布局可按实际需求设置。
四、把标签内容放到对应布局
- 再拖动两栏之间的竖线来调整两边所占的宽度比例到合适
五、***其它标签的布局同理，分别对应设置，及放置对应显示的模块即可。
常见问题：
- 问：为什么选择了编辑区为全屏也是只有分栏的宽试
答： 标签模块不要放到分栏里面，把标签模块拖到内容区就可以显示全屏 - 问：为什么平板及手机不显示对应设置好的样式?
答：标签的导航样式只支持PC端，手机请设置手机导航
推荐阅读
热门资讯
热门检索
云站网可以为您做什么
sass云建站·营销型官网·自适应网站·推广优化
营销型官网设计
根据用户需求，为客户设计网站界面
采用HTML5技术，自适应网站
产品主图，公司介绍等文字免费上传
为客户制作漂亮大气的幻灯片
域名注册+网站备案+网站设计维护
版权所有 Copyright(C) 云站网络 上海百重信息技术有限公司 沪ICP备20017299号-2 
沪公网安备 31011402001810号 
