* { margin:0; padding:0;}
	body { font:12px "宋体"; color:#049; padding:8px;}
	a { text-decoration:none; color:#049;}
	a:hover { text-decoration:underline;}
	ul { list-style:none;}
	li { height:23px; line-height:23px;}
 
	.popular { width:298px; border:1px solid #ace; padding-bottom:10px;}
 
		.tabs { overflow:hidden; height:1%;}
			.tabs li { border:1px solid #ace; border-width:0 1px 1px 0; background:#f1f7fc; width:84px; text-align:center; float:left;}
			.tabs li.active { background:#fff; border-bottom-color:#fff; font-weight:bold;}
			.tabs li.tab-r { border-right:0; width:118px; text-align:right; padding-right:10px;}
				.tabs li.tab-r a { color:#F06; font-weight:bold; font-family:Georgia;}
 
		.list { margin:7px 0 0 7px; padding-left:35px; background:url(popularlist.gif) no-repeat;}
 
		.weeklyPopular { display:none;}

$(document).ready(function() {
	$('a').attr('target', '_blank');   
 
	$('.tabs li').mousemove(function() {
		//最右边的tab不进行任何操作							 
		if($(this).hasClass('tab-r')) {
			return;
		};
		//添加当前激活的状态
		$(this).siblings().removeClass('active').end()
			.addClass('active');
		//切换tab		
		if($(this).hasClass('tab-0')) {
		        $('.list').hide();
		        $('.dairyPopular').show();	
		        //也可以写成$(this).parent().nextAll('ul:eq(0)').show();,这样的好处是不必制定特定的class类
		} else if($(this).hasClass('tab-1')) {
			$('.list').hide();
			$('.weeklyPopular').show();
			//也可以写成$(this).parent().nextAll('ul:eq(1)').show();,这样的好处是不必制定特定的class类
		};
	});
});