首页
研发服务
IT培训
智能制造
关于我们
您的位置 :
首页
>>
技术交流
>>
软件开发
>>
jquery tab插件精简版
jquery tab插件精简版
来源:广州中睿信息技术有限公司官网
发布时间:
2012/10/21 23:25:16
编辑:
editor
阅读
306
次
自己平时用得比较多tab功能,网上有很强大的tab功能,但是很多时候太过于复杂,所以自己写了一个最简单的jquery插件,代码如下,就不解释了。/**jqpressToos1.0**Copyrigh
自己平时用得比较多tab功能,网上有很强大的tab功能,但是很多时候太过于复杂,所以自己写了一个最简单的jquery插件,代码如下,就不解释了。
/* * 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: "子元素样式名称" });});
相关阅读
· 猜猜,谁从从科幻走进现实了?2012.10.21
· 在网页设计中应用大照片作背景的52个优秀范例(上篇)2012.10.21
· HTML特殊字符编码对照表2012.10.21
· 常见Web技术之间的关系,你了解多少?2012.10.21
· for(var key in object){}语句枚举2012.10.21
联系我们
CONTACT
扫一扫
愿景:成为最专业的软件研发服务领航者
中睿信息技术有限公司 广州•深圳
Tel:020-38931912
务实 Pragmatic
广州:广州市天河区翰景路1号金星大厦18层中睿信息
Fax:020-38931912
专业 Professional
深圳:深圳市福田区车公庙有色金属大厦509~510
Tel:0755-25855012
诚信 Integrity
所有权声明:PMI, PMP, Project Management Professional, PMI-ACP, PMI-PBA和PMBOK是项目管理协会(Project Management Institute, Inc.)的注册标志。
版权所有:广州中睿信息技术有限公司 粤ICP备13082838号-2