3分钟,用快站做出像微信一样的站点导航

作者:赞马科技-小站

3分钟,用快站做出像微信一样的站点导航

如何像微信底部导航一样,

实现点击指定导航图标由灰色变成绿色?

3分钟,用快站做出像微信一样的站点导航

我们做完的是这个样子:

3分钟,用快站做出像微信一样的站点导航

实践应用案例是这样子:

操作步骤

1.建立导航菜单

注意请选择导航样式中的第二个样式(初始不带图标)

3分钟,用快站做出像微信一样的站点导航

2.将默认导航名称改名,点击“+”号选择图标

3分钟,用快站做出像微信一样的站点导航

3.首页,我选择了和微信类似的图标

3分钟,用快站做出像微信一样的站点导航

4.图标默认颜色是黑色,点击“编辑样式”去修改图标颜色

3分钟,用快站做出像微信一样的站点导航

5.进入后点击最下方的“图标设置”

3分钟,用快站做出像微信一样的站点导航

6.选取颜色,或者在下方选择色块,注意修改下一个色块时要选取同样的色块或色值。

3分钟,用快站做出像微信一样的站点导航

7.由于这个导航栏长度有限,超过四个按钮就不能显示全文字,所以我们把它改成3个按钮。

如图:

3分钟,用快站做出像微信一样的站点导航

8、接下来我们把这个导航复制两个备用

3分钟,用快站做出像微信一样的站点导航

9、用上面同样的方式修改图标颜色

如图:

3分钟,用快站做出像微信一样的站点导航

最终,我们将这三个导航分别复制到对应页面,并设置好页面链接,再点击测试,即可呈现如图所示点亮各所在页的图标。

在搜狐快站云商店搜索【移动官网小应用】,一键直达

关于建站/排版/运营技巧,站长们可在快站大学投稿,或私信*男美**子快站哥(微信号:kuaizhange)