当前位置: 代码迷 >> 综合 >> Tab插件之 Responsive Full Width Tabs 的使用
  详细解决方案

Tab插件之 Responsive Full Width Tabs 的使用

热度:58   发布时间:2024-01-11 18:40:31.0

       之前,自己在练习后台知识代码的时候,有看到很多系统都有用到 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
  相关解决方案