ionic组件ion tabs选项卡切换效果实例

tab选项卡样式，里面包含两种效果的，CSS+JS实现的

首先创建Android工程命名自己的Activity为HelloTabWidget 在main.xml或者自己定义的*.xml文件中创建一个TabHost，需要两个元素TabWidget和FrameL

利用java script 实现的选项卡效果 有三个

这是我在自己工程中摘出来的，写成了一个小demo，通过动画方式实现选项卡的切换

Bootstrap选项卡美化Tabs特效是一款在原生Bootstrap选项卡的基础上，使用CSS3样式来对齐进行美化，效果非常炫酷。

大容器左侧Tabs选项卡是一款左侧三个Tabs选项卡切换的焦点图特效代码。

这是一款基于Bootstrap的超酷Tabs选项卡美化特效。该Tabs选项卡在原生Bootstrap选项卡的基础上，使用CSS3样式来对齐进行美化，效果非常炫酷。

这是一款jQuery响应式Tabs选项卡插件。该tabs选项卡插件兼容ie8，当浏览器缩小到小于选项卡的宽度时，选项卡的菜单会以下拉菜单的方式来显示。

colorfulTab是一款简单实用的超酷多彩jQuery Tabs选项卡插件。该选项卡插件提供多种颜色主题，可以制作背景图片动画，甚至可以自定义你自己的颜色主题。非常实用。

分享4款不同效果的Tabs选项卡代码效果，分别为基本选项卡，彩色带图标的选项卡，下划线样式选项卡和垂直选项卡。