<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
/*
* power by jquery 选项卡切换效果
* update by celian
*/
var setTab;
$(document).ready(function(){
$(".nav_tab li").each(function(index){
$(this).click(function(){
var now=$(this);
setTab=setTimeout(function(){
$("div.display").removeClass("display");
$(".nav_tab li.on").removeClass("on");
$(now).addClass("on");
$(".set_info div").eq(index).addClass("display");
},10);
})
.mouseout(function(){
clearTimeout(setTab);
});
});
});
</script>
<style>
<!--
.set_info div { display:none }
.display { display: block!important }
-->
</style>
</head>
<body>
<div class="set_info">
<ul class="nav_tab">
<li class="on">去</li>
<li>擦</li>
<li>了</li>
</ul>
<div class="display">噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢哦哦哦哦哦哦</div>
<div>我了个去</div>
<div>滚犊子驴打滚</div>
</div>
</body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<script type="text/javascript">
/*
* power by jquery 选项卡切换效果
* update by celian
*/
var setTab;
$(document).ready(function(){
$(".nav_tab li").each(function(index){
$(this).click(function(){
var now=$(this);
setTab=setTimeout(function(){
$("div.display").removeClass("display");
$(".nav_tab li.on").removeClass("on");
$(now).addClass("on");
$(".set_info div").eq(index).addClass("display");
},10);
})
.mouseout(function(){
clearTimeout(setTab);
});
});
});
</script>
<style>
<!--
.set_info div { display:none }
.display { display: block!important }
-->
</style>
</head>
<body>
<div class="set_info">
<ul class="nav_tab">
<li class="on">去</li>
<li>擦</li>
<li>了</li>
</ul>
<div class="display">噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢噢哦哦哦哦哦哦</div>
<div>我了个去</div>
<div>滚犊子驴打滚</div>
</div>
</body>