H5页面的导航功能怎样添加?

分享到:

在使用H5页面的过程中,添加一个导航菜单按钮,能让你随心所欲去到你要看的页面。那么H5页面的导航功能怎样添加呢?下面让小编利用凡科微传单的H5页面模板给大家简单介绍一下。

1、先登录凡科微传单平台,选择一个H5页面模板,然后进入设计页面,在设计H5页面上方工具栏目里,选择控件,再选择导航。

H5页面设计页面

2、添加成功后,把按钮移动到合适的位置上。选中导航按钮后,看见H5页面设计右方的工具栏,可以根据个人需求选择导航的样式、导航主题颜色和图标颜色。在链接列表一块,通常该微传单一共有多少页下方的栏目就会多少栏,也可以通过底下的+号能够增加栏目。 

H5页面选择导航样式

3、选中其中一个栏目点击编辑。

H5页面栏目编辑

在栏目编辑界面,可以看到相对应的栏目指向相对应的页面,那么这时候可以给栏目改一个名称,方便区分页面。当然这个指向不局限于页面,也可以选择指向外链和淘宝APP,选中后就下方输入框输入网址即可。后在下方可以给栏目选择预设图标或者用户上传图片自定义图标,然后选择图标颜色。

H5页面修改栏目名称


4、动画效果,可以根据个人需求选择给按钮添加动画效果。

H5页面设计动画效果

接下来的每个页面都是一样这个步骤设计。

通过以上的步骤,H5页面的导航设计就完成了,添加好导航按钮,就可以随心随意选择想要去的页面,大家赶紧通过H5页面模板制作起来吧!

本文为凡科微传单原创文章,转载请标明出处:https://cd.fkw.com/news/11575
相关模板推荐
  • 炫彩动感音乐会演唱会明星音乐节宣传
    免费
  • 卡通小清新企业满意度调研问卷统计投票
    ¥29
  • 银行理财宣传产品促销客户活动
    免费
  • 黑金618提前购粉丝狂欢节
    免费
  • 黑金巡回演唱会音乐剧视听盛宴邀请函
    免费
  • 企业宣传
    免费
  • 快闪×暑期班招生宣传
    免费
  • 花朵清新夏季发布会
    免费
  • 720°全景×校园文化节活动宣传预热/预报名
    免费
  • 科技高端动态科技会议邀请函
    免费