求得/分享资源

  • 您希望求得还是分享呢?

  • 求得资源(我们会尽全力满足) *

  • 分享资源(我们代表其他用户衷心感谢您的分享)

  • 分享附件

    浏览文件

  • 确认提交

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

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

深量菌 北京深量技术有限公司
发表时间: 2021-04-02


  • 让网站导航内容更多元丰富化,突破以往只能显示文字的导航方式。


实现效果


  • 鼠标移到对应的导航,下方显示不同布局的内容




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


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




二、样式设置:


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



三、标签内容区布局设置


  • 设置4S服务下方内容区为例,鼠标点击4S会出现对应标签内容区,移到下面内容区的右侧齿轮,分栏设置。



  • 设置选择两二列分栏,布局可按实际需求设置。




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


  • 再拖动两栏之间的竖线来调整两边所占的宽度比例到合适



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



常见问题:


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

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


浏览:
点赞 | 0
分享
标签模块丨使用标签做出多元化的导航效果
长按图片保存/分享

5x8小时服务

免费备案

无忧退款

全周期专业服务

我们期待您的来电。

ShenLiang 010 - 8646 6600

京ICP备16060693号-2京公网安备11010802028442号版权所有 © 1999 - 2021 北京深量技术有限公司,保留所有权利。

The content of this site is protected by relevant laws. Unauthorized use is strictly prohibited.

添加微信好友,详细了解产品
使用企业微信
“扫一扫”加入群聊
复制成功
添加微信好友,详细了解产品
我知道了