logo logo
您好! 请登录 注册

常见问题

GO

使用标签做出多元化的导航效果

发表时间: 2018-10-30 17:32:01

作者: 广州微梦信息科技有限公司

浏览:

一、导航效果图(鼠标移到对应的导航,下方显示不同布局的内容)



H5建站



二、添加标签模块(选择风格6,风格3以及图标标签这三种样式)

路径:编辑页面——模块——基础——标签模块 (以风格6为例)


H5建站



三、样式设置:

内容展示:勾选择内容悬浮:作为导航样式使用,需勾选标签内容会默认隐藏,鼠标移入显示的效果

调整区域:标签内容区编辑显示的区域


H5建站



四、标签内容区布局设置

设置4S服务下方内容区为例,鼠标移到下面内容区的右侧齿轮,设置分栏为3.9布局。布局可按实际需求设置



H5建站

H5建站




五、把标签内容放到对应布局



H5建站



六、最后把其它标签的布局分别对应设置,及放置对应显示的模块即可。


常见问题:


  1. 问:为什么选择了编辑区为全屏也是只有分栏的宽试
    答: 标签模块不要放到分栏里面,把标签模块拖到内容区就可以显示全屏

  2. 问:为什么平板及手机不显示对应设置好的样式?
    答:标签的导航样式只支持PC端,手机请设置手机导航


使用标签做出多元化的导航效果
长按图片保存/分享
相关阅读

I NEED TO BUILD WEBSITE

提交您的需求

快速提交您的需求,专业客户经理为您量身定制解决方案

  • 联系人 *

  • 联系电话 *

  • 需求 *

  • 验证码

  • 获取方案及报价

MAIL:service@wmcom.cn
地址:广州市天河区谭村路348号马赛国际商务中心1711

MAIL:service@wmcom.cn
地址:广州市天河区谭村路348号马赛国际商务中心1711

微梦科技提供h5建站品牌网站建设商城网站建设小程序定制网站优化推广企业邮箱等一站式企业服务。

© 2018 广州微梦信息科技有限公司 All Rights Reserved
粤ICP备14015633号

© 2015 广州微梦信息科技有限公司 

All Rights Reserved 粤ICP备14015633号

在线咨询

您好,请点击在线客服进行在线沟通!

联系方式
咨询电话
020-29066483
上班时间
9:00 - 23:00
扫一扫二维码
二维码
添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了