支付宝赞助帐号:service@kuitao8.com 

下载地址

一个简单的jquery css tab选项卡免费下载

Created2013-07-03   Views 1955    Author 懒人程序
一个简单的jquery css tab选项卡免费下载
$(document).ready(function() {
 
//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
 
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});
 
});
<script type="text/javascript">
  var oTabs = $(".tabholder").msTabs({tabs:'li', defaultTab:1, effects:'fade', speed:'fast', selected:'active'}).data("msTabs");
  //no use
  $("#ver").html("v"+oTabs.getVersion());
   
  </script>

上一篇: jquery 自动切换的选项卡
下一篇: jQuery 多功能滚动翻页表单 仿TAB滚动
支持键盘 ← →

邮件订阅

订阅我们的精彩内容