标签归档：Tab菜单

Vue.js实现的3D Tab菜单

今天给大家带来一款基于VueJS的3D Tab菜单，它跟我们之前分享的许多CSS3 Tab菜单不同的是，它可以随着鼠标移动呈现出3D立体的视觉效果，每个tab页面还可以通过CSS自定义封面照片。它的核心是基于vue和bootstrap实现，因此扩展起来非常方便，你可以任意添加或者减少tab页面数量，同时只要更新对应tab页面的CSS代码即可，无须修改js代码。

在线演示源码下载

SVG超酷动画Tab菜单栏

这是一款基于SVG和CSS3的动画Tab菜单插件，菜单图标使用SVG绘制而成，菜单切换时还会产生不错的动画效果。菜单项小图标使用svg的好处，不仅在于灵活绘制，更方便制作菜单项切换时图标的动画特效。另外，Tab菜单项切换时，还同时会渐变地更新页面的背景颜色，当然如果你觉得太花里胡哨不需要这个效果，可以自行修改js代码取消背景颜色的渐变切换。

在线演示源码下载

jQuery简易清新Tab菜单插件可初始化多个实例

4,626 人浏览

2017-11-09 12:44:52

不久前我们分享过一款轻巧可爱的jQuery Tab菜单插，外观非常个性化。这次我们同样要为大家介绍一款基于jQuery的Tab菜单插件，这款jQuery Tab插件非常简单，唯一的CSS渲染就在Tab菜单项的边框颜色。另外，这款Tab插件还可以同时实例化多个菜单实例，因此比较实用。

在线演示源码下载

轻巧可爱的jQuery Tab菜单插件可改变背景颜色

5,315 人浏览

2017-11-01 07:55:20

今天我们要为大家分享一款基于jQuery的Tab菜单插件，首先它的外观非常迷你可爱，每一个Tab菜单都是用一个迷你的小图标，同时在Tab菜单下方跟随一条磨边的线条。更重要的是该Tab菜单在切换时还可以动态改变内容区域的背景颜色，看上去非常不错。

在线演示源码下载

CSS3 3D翻转Tab切换插件

4,775 人浏览

2017-09-18 08:28:30

这是一款基于CSS3的Tab切换插件，关于Tab插件我们之前已经向大家分享过很多了，比如这篇超酷实用的CSS3 Tab菜单集合中就有很多不错的Tab插件。今天分享的这款主要是体现了3D翻转的样式，在点击tab菜单项时，内容区域会实现3D翻转的动画特效，非常不错。

在线演示源码下载

jQuery带左右箭头的Tab菜单

14,433 人浏览

1条回复

2014-07-04 12:54:19

今天我们要来分享一款基于jQuery的Tab菜单，和之前分享的Tab菜单不同的是，这款jQuery Tab菜单还带有左右箭头，我们不仅可以点击tab选项卡按钮来切换内容，也可以点击左右两个箭头来切换到下一个或者上一个内容块。

在线演示源码下载

CSS3/jQuery实现Tab菜单小工具

13,563 人浏览

1条回复

2014-07-03 22:17:39

几天要分享一款基于CSS3和jQuery的Tab菜单，这款Tab菜单的外观非常简洁清新，tab选项卡的上边框有加粗的线条，让这些tab菜单按钮显得很有立体感。另外有一点不足的是，tab切换时没有加入CSS3动画效果。这款tab菜单可以放到你网页的侧边栏作为小工具。

在线演示源码下载

CSS3外观漂亮淡入淡出Tab菜单

14,551 人浏览

2014-06-11 21:54:07

这也是一款用CSS3制作的Tab菜单，菜单的外观很普通，没什么特别，但却十分简单大气。利用CSS3的特性，每一个Tab标签都是圆角的，这让整一个Tab菜单显得相对比较圆润，也更具有立体视觉效果。另外，Tab标签在切换时，Tab页的内容是淡入淡出切换的。

在线演示源码下载

纯CSS3垂直Tab菜单 Tab样式可自定义

17,523 人浏览

Tab菜单在网页上使用起来非常方便，也比较节省空间，所以很多门户网站很喜欢用Tab菜单。今天我们要来分享一款垂直方向的Tab菜单，它是用纯CSS3实现的，加载和切换特别灵活。另外，Tab菜单的样式你可以使用CSS重新定义，扩展很方便。

在线演示源码下载

响应式CSS3 Tab菜单带小图标菜单

15,298 人浏览

2014-05-25 06:31:38

这次要介绍的这款响应式CSS3 Tab菜单非常不错，它看起来挺简单的，而且设计也干净利落，但是Tab菜单的实用性很强。每一个tab项都有文字和小图标，当屏幕宽度变小时，比如在手机上浏览，那文字会自动隐藏，只剩下小图标。

在线演示源码下载