tabcontrol原生js插件

Aichiwawacai

于 2019-12-21 16:47:51 发布

阅读量570

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript js css html

本文链接：https://blog.youkuaiyun.com/Aichiwawacai/article/details/103645918

本文介绍了如何创建一个基于原生JavaScript的tabControl插件，包括对应的js和css文件。只需简单引用，即可在HTML中使用这个插件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

tabcontrol原生js插件

效果图
在这里插入图片描述

tabControl.js文件

!function (t,e){
	 "object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("tabControl",[],e):t.tabControl=e()
}(this,function(){
	//工具类函数
	 'use strict' //严格模式 ES5提出
			  //模块代码的公用工具类
			  function isObj(obj){
			  	return typeof obj==='object' && obj!==null
			  }
			  function isArray(arr){
			  	return arr.constructor===Array;
			  }			  	
	
	return function(obj){
					//判断参数数据类型
				  	if(!isObj(obj)|| isArray(obj)){
				  		//console.log('数据类型错误')
				  		throw new Error('数据类型错误')
				  	}
					var el=obj.el;
					var titles=obj.titles;
					var currentIndex=0;
					var callback=obj.callback;