学习前端,最快的进步是持续!
<span class="tabIndex activeTabIndex">按钮 1</span>
<span class="tabIndex">按钮 2</span>
<span class="tabIndex">按钮 3</span>
</div>
<div class="indexContent">
<div class="tabContent" style="display: block;">内容 1</div>
<div class="tabContent">内容 2</div>
<div class="tabContent">内容 3</div>
</div>
</div>
<script>
$(function($){
var $tabIndex = $('.tabIndex');
var $tabContent = $('.tabContent');
var timer = null;
var index = 0;
var tabFn = function(){
$tabIndex.eq(index).addClass('activeTabIndex').siblings().removeClass('activeTabInd
ex');
$tabContent.eq(index).stop().fadeIn().siblings().hide();
}
评论0