java 实现tab页签切换 鼠标悬浮效果

案例一：

效果如图：

代码截图：

代码复制：

<script>
window.onload=function(){

$('#live-list .day-tabs li:eq('+0+')').addClass('on');
$('#live-list .list-container div:eq('+0+')').show();
$("#live-list .day-tabs li").mouseover(function(){
$(this).addClass('on').siblings().removeClass('on');
var index = $(this).index();
number = index;
$('#live-list .list-container div').hide();
$('#live-list .list-container div:eq('+index+')').show();
});
}
</script>

案例二：

效果图：

代码截图：

代码复制：

//切换 节目预告下拉框中的频道类型页签
$("#live-list .pop-city .js-leTabview ul li a").mouseover(function(idx){
$(this).addClass('on').parent().siblings().children('a').removeClass();
var index = $(this).parent().index();
$('#live-list .pop-city .js-leTabview .city-list ul').hide();
$('#live-list .pop-city .js-leTabview .city-list ul:eq('+index+')').show();
});