自己平时用得比较多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: "子元素样式名称" });});