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
相关模板推荐
  • 清新3D风浪漫恋爱520情人节相亲联谊活动邀请函
    ¥49
  • 创意潮流插画风五四青年节邀请函
    ¥49
  • 电商风情人节促销活动
    ¥49
  • 电商风母亲节营销电商零售促销活动
    ¥49
  • 剪纸风母亲节营销活动宣传
    ¥49
  • 五一促销活动
    免费
  • 五一狂欢大放价
    免费
  • 旅游景点介绍
    免费
  • 母亲节粉色清新产品促销
    免费
  • 3D风51劳动节家装节家居百货商品零售促销宣传营销
    ¥49