[jQuery自定义插件] 7 自定义tab插件-jQueryTab

独行侠_阿涛

于 2022-07-19 17:08:52 发布

阅读量708

点赞数

CC 4.0 BY-SA版权

分类专栏：前端0-1 文章标签： jquery javascript 前端

本文链接：https://blog.csdn.net/wltsysterm/article/details/125876177

前端0-1 专栏收录该内容

61 篇文章 ¥49.90 ¥99.00

订阅专栏

超级会员免费看

tab插件，也是一个比较常用的插件，用来切换不同的页面用的。

直接上源码：

1 jQueryTab.js

import './jQueryCache.js'

$(function(){
    if($('#ftab-css').length == 0) {
        $('head').append(`<link href="../lib/jQueryTab.css" rel="stylesheet" id="ftab-css">`)
    }
})
$.prototype.extend({
    /**
     * tab插件 鼠标悬浮在插件所在的文档流上的时候，可以通过滚轮来切换tab
     * @param baseUrl 每个tab的url的基础地址
     * @param tabList tab的url的集合
     */
    ftab:function({baseUrl, tabList}) {
        $.setCache('tabindex',0)
        thi