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
相关模板推荐
  • 手绘风儿童节活动邀请函
    ¥49
  • 水墨风端午节放假通知
    ¥49
  • 手绘风母亲节活动宣传
    ¥49
  • 3D风浪漫520情人节相亲交友祝福浪漫创意爱心
    ¥49
  • 3D风五一旅行攻略
    ¥49
  • 端午节活动邀请函
    免费
  • 端午节粽子促销商家节日活动宣传
    免费
  • 小满节气宣传
    免费
  • 清新3D风浪漫恋爱520情人节相亲联谊活动邀请函
    ¥49
  • 520全球表白日旅游专题促销
    ¥49