当前位置:首页 >> 教程资讯

【网页设计】自适应 | 支持全屏导航功能

录入编辑:微科技 | 发布时间:2022-12-30
【网页设计】自适应 | 支持全屏导航功能 发表时间:2021-05-08 17:07 【使用场景】 自适应网站实现汉堡包式展开的全屏导航,提高网站视觉效果。 【功能说明】 1. 鼠标悬停导航栏,点击工具栏中“编辑样式”按钮,在

【网页设计】自适应 | 支持全屏导航功能

发表时间:2021-05-08 17:07

【使用场景】

自适应网站实现汉堡包式展开的全屏导航,提高网站视觉效果。

【功能说明】

1. 鼠标悬停导航栏,点击工具栏中“编辑样式”按钮,在“导航栏样式”中选择第二项,即可开启全屏导航模式。

2. 选择是否隐藏一级栏目,设置导航图标、展开方向等细节, 点击“编辑展开内容”按钮,即可设计全屏展开后的样式。

3. 全屏样式设计可选择添加模块或素材,编辑完毕后点击右上方的“×”按钮即可退出编辑模式。

4. 全屏导航实现的效果可参考下图。

样式一:

样式二:

样式三:

样式四:

动图教程如下:

▲ 全屏导航设置教程

上一篇:【渠道二维码】客户一键扫码添加,精准识别获客渠道,实现精细化运营
下一篇:【网页设计】自适应 | 支持模块扩展图片设置
热门服务和内容

手机版

  • 官方微信

    扫码进入

  • 客服微信

  • 官方微信

    扫码添加

  • 高端网站设计,顶级互联网服务 Copyright © 2025 www.vikj.cn All Rights Reserved. 辽ICP备17005629号 XML地图 微科技
    电话咨询:0411-39550725
    在线客服咨询