如何实现自定义的1.0.0版本导航栏功能？

本文共计2644个文字，预计阅读时间需要11分钟。

（自定义导航栏）+ navigation-bar.1.0.0.js + 前言 + 在一个项目中，使用了类似手机中选项卡切换的导航栏，希望整理出来，已写了一个demo，放在了GitHub中，欢迎提出意见 + ───────────────────────

(自定义导航栏)

navigation-bar.1.0.0.js

前言

之前做了一个项目中，使用了类似手机中选项卡切换的导航栏，想着能够整理出来，写了一个demo，放在了Github中，欢迎大家提出意见啊 ^_^

本Demo源地址 请点击这里

下面，我们分别介绍下面的四种应用场景：

• 简单文字
• 简单图片
• 文字和图片
• 自适应布局

1. 简单文字

首先是最简单的导航栏形式，只显示最简单的文本，点击文本可以自动切换对应的内容，本例是自动展示导航栏的标题描述。