之前,自己在练习后台知识代码的时候,有看到很多系统都有用到 Tab 切换的效果,本来是想自己用 JS 实现的,但是后来想了想,先可以看看网上有没有相关的插件。如果有相关的插件,那铁定会自己做的要完善,抱着学习的态度找了找,果然网上有很多这样的 Tab 切换的插件,于是马上下载 DEMO ,并且自己加以修改了一下,效果是这样的(废话少说,直接上代码……)
具体的使用方法:
1,首先需要下载并在页面中引入JQuery.js 和 FullWidthTabs相关的 js 和 css 等文件;
2,在 HTML 的 <BODY> 标签中,编写相关的 html 代码;
<div class="container"><div id="tabs" class="tabs"><nav><ul><li><a href="#section-1" class="icon-shop"><span>公共信箱</span></a></li><li><a href="#section-2" class="icon-cup">&l