Question

HTML中如何实现选项卡切换效果。

Answer 1

body部分
<div class="lanrenzhijia">
<div class="tab">
<a href="javascript:;" class="on">js特效</a>
<a href="javascript:;">flash素材</a>
<a href="javascript:;">亚当学院</a>
<a href="javascript:;">在线客服代码</a>
</div>
<div class="content">
<ul>
<li style="display:block;">js特效内容</li>
<li>flash素材内容</li>
<li>亚当学院内容</li>
<li>在线客服代码内容</li>
</ul>
</div>
</div>
代码部分
$(function(){
$(".lanrenzhijia .tab a").mouseover(function(){
$(this).addClass('on').siblings().removeClass('on');
var index = $(this).index();
number = index;
$('.lanrenzhijia .content li').hide();
$('.lanrenzhijia .content li:eq('+index+')').show();
});