jquery tab插件精简版分享


Posted in Javascript onSeptember 10, 2011
/* 
* jqpressToos1.0 
* 
* Copyright (c) 2011 yepeng 
* Dual licensed under the MIT (MIT-LICENSE.txt) 
* and GPL (GPL-LICENSE.txt) licenses. 
* 
*/ $.fn.extend({ 
//插件名称:Tab选项卡 
jqpressTab: function(options) { 
//参数和默认值 
var defaults = { 
_tabClass: null,//选项卡样式 
_childs:null //子选项 样式选择器 
}; 
var options = $.extend(defaults, options); 
var o = options; 
var parentCate = $(this); 
var childCate = $(o._childs); 
parentCate.mouseover(function() { 
parentCate.removeClass(o._tabClass); 
$(this).addClass(o._tabClass); 
for (i = 0; i < parentCate.length; i++) { 
if (parentCate[i].className == o._tabClass) { 
childCate[i].style.display = "block"; 
} else { 
childCate[i].style.display = "none"; 
} 
} 
}); 
} 
}); 
})(jQuery);

调用方法更简单:

jQuery(document).ready(function(){ $(".mytab li a").jqpressTab({ _tabClass: "样式名称", _childs: "子元素样式名称" });});

如果需要根据ID做选择器自己扩展去吧,呵呵

Javascript 相关文章推荐
javascript document.images实例
May 27 Javascript
jquery $.ajax入门应用一
Nov 19 Javascript
js编写trim()函数及正则表达式的运用
Oct 24 Javascript
jQuery获取选中内容及设置元素属性的方法
Jul 09 Javascript
JQuery判断radio(单选框)是否选中和获取选中值方法总结
Apr 15 Javascript
JavaScript Length 属性的总结
Nov 02 Javascript
node.js基础知识小结
Feb 26 Javascript
JS模拟实现哈希表及应用详解
May 04 Javascript
vue使用laydate时间插件的方法
Nov 14 Javascript
layui实现tab的添加拒绝重复的方法
Sep 04 Javascript
vue实现点击按钮下载文件功能
Oct 11 Javascript
JavaScript实现优先级队列
Dec 06 Javascript
javascript语言结构小记(一)
Sep 10 #Javascript
JavaScript高级程序设计 客户端存储学习笔记
Sep 10 #Javascript
JavaScript高级程序设计 错误处理与调试学习笔记
Sep 10 #Javascript
JavaScript高级程序设计 事件学习笔记
Sep 10 #Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
Sep 10 #Javascript
JavaScript高级程序设计 DOM学习笔记
Sep 10 #Javascript
jquery maxlength使用说明
Sep 09 #Javascript
You might like
PHP中在数据库中保存Checkbox数据(1)
2006/10/09 PHP
php压缩和解压缩字符串的方法
2015/03/14 PHP
PHP实现获取毫秒时间戳的方法【使用microtime()函数】
2019/03/01 PHP
thinkphp3.2同时连接两个数据库的简单方法
2019/08/13 PHP
用javascript实现读取txt文档的脚本
2007/07/20 Javascript
js拦截alert对话框另类应用
2013/01/16 Javascript
JavaScript中对循环语句的优化技巧深入探讨
2014/06/06 Javascript
详解Bootstrap按钮
2016/01/04 Javascript
jquery 判断selection range 是否在容器中的简单实例
2016/08/02 Javascript
微信小程序 animation API详解及实例代码
2016/10/08 Javascript
基于Phantomjs生成PDF的实现方法
2016/11/07 Javascript
BootStrap 模态框实现刷新网页并关闭功能
2017/01/04 Javascript
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
Bootstrap实现可折叠分组侧边导航菜单
2018/03/07 Javascript
关于js的三种使用方式(行内js、内部js、外部js)的程序代码
2018/05/05 Javascript
Js中使用正则表达式验证输入是否有特殊字符
2018/09/07 Javascript
vue实现菜单切换功能
2019/05/08 Javascript
Vue开发环境跨域访问问题
2020/01/22 Javascript
vue总线机制(bus)知识点详解
2020/05/10 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
2020/11/19 Vue.js
Python使用MONGODB入门实例
2015/05/11 Python
解决pycharm 远程调试 上传 helpers 卡住的问题
2019/06/27 Python
Django 全局的static和templates的使用详解
2019/07/19 Python
TensorFlow2.X使用图片制作简单的数据集训练模型
2020/04/08 Python
Python基于模块Paramiko实现SSHv2协议
2020/04/28 Python
李维斯法国官网:Levi’s法国
2019/07/13 全球购物
Optimalprint加拿大:在线打印服务
2020/04/03 全球购物
解释i节点在文件系统中的作用
2013/11/26 面试题
妇产科护士自我鉴定
2013/10/15 职场文书
往来会计岗位职责
2013/12/19 职场文书
法学专业毕业实习自我鉴定2014
2014/09/27 职场文书
信息技术远程培训心得体会
2016/01/09 职场文书
个人道歉信大全
2019/04/11 职场文书
使用Springboot实现健身房管理系统
2021/07/01 Java/Android
Nginx防盗链与服务优化配置的全过程
2022/01/18 Servers
CSS实现鼠标悬浮动画特效
2023/05/07 HTML / CSS