求大神帮忙注释一段JS代码，越详细越好

$(document).ready(function(){
//JQ的预加载这个你应该懂的
	$('#select_btn li:first').css('border','none');
	//选择id是select_btn的下面的第一LI，设它的CSS的border为none
	if ($('#zSlider').length) {
	//如果id是zSlider的有内容（长度）那么执行下面的操作
 		zSlider(); 
 		//执行zSlider();这个函数（在下面有定义） 
		$('#h_sns').find('img').hover(function(){
		//在id是h_sns中找IMG这个标签，鼠标移上去后或者移开后执行下面的两端代码
			$(this).fadeTo(200,0.5);
			//选中的这个li执行fadeTo(200,0.5)就是调整它的透明度
		}, function(){
			$(this).fadeTo(100,1);
			//同上
		});
	}

function zSlider(ID, delay){
//这段就是上面当zSlider的有内容（长度）时执行的那段函数了
		var ID=ID?ID:'#zSlider';
		//这里是zSlider这个函数的一个默认参数的设置，当不设参数的时候会自动设置ID为#zSlider
		var delay=delay?delay:5000;
		//同上~也是设置默认参数的
		var currentEQ=0, picnum=$('#picshow_img li').size(), autoScrollFUN;
		//设置一些函数用的变量，在下面会看到
		$('#select_btn li').eq(currentEQ).addClass('current');
		//给#select_btn这个ID下的第currentEQ（默认是0）个LI添加current这个CLASS
		$('#picshow_img li').eq(currentEQ).show();
		//让picshow_img下第currentEQ个LI显示
		$('#picshow_tx li').eq(currentEQ).show();
		//让picshow_tx下第currentEQ个LI显示
		autoScrollFUN=setTimeout(autoScroll, delay);
		//获取自动播放给autoScrollFUN以便清楚setTimeout
		function autoScroll(){
			clearTimeout(autoScrollFUN);
			//清楚上面的setTimeout
			currentEQ++;
			//给currentEQ自加，也就是循环到下一个li
			if (currentEQ>picnum-1) currentEQ=0;
			//如果超过了之前定的picnum-1那么让currentEQ从O开始也就是循环回第一个LI
			$('#select_btn li').removeClass('current');
			//select_btn下的LI移除current这个样式
			$('#picshow_img li').hide();
			//picshow_img下的li隐藏
			$('#picshow_tx li').hide().eq(currentEQ).slideDown(400);
			//picshow_tx下的li隐藏并且第currentEQ个LI缓慢收起
			$('#select_btn li').eq(currentEQ).addClass('current');
			//select_btn下的第currentEQ个LI添加样式current
			$('#picshow_img li').eq(currentEQ).show();
			//picshow_img下的第currentEQ个LI显示
			autoScrollFUN = setTimeout(autoScroll, delay);
			//然后循环开始
		}
		$('#picshow').hover(function(){
			clearTimeout(autoScrollFUN);
			//当鼠标移入picshow时，清楚autoScrollFUN，也就是之前的循环
		}, function(){
			autoScrollFUN = setTimeout(autoScroll, delay);
			//当鼠标移出时继续开始循环
		});
		$('#select_btn li').hover(function(){
			var picEQ=$('#select_btn li').index($(this));
			if (picEQ==currentEQ) return false;
			currentEQ = picEQ;
			$('#select_btn li').removeClass('current');
			$('#picshow_img li').hide();
			$('#picshow_tx li').hide().eq(currentEQ).slideDown(100);
			$('#select_btn li').eq(currentEQ).addClass('current');
			$('#picshow_img li').eq(currentEQ).show();
			return false;
			//这一整段跟上面的差不多~如果你仔细看完上面的解释下面的你自己就应该能看明白了~
		});
	};

好了~翻译的够仔细了吧~不会的话再私信我~

$(document).ready(function(){
$('#select_btn li:first').css('border','none'); // 去吃 select_btn 下的 第一个li对象的边框
if ($('#zSlider').length) { //是否存在 #zSlider对象
zSlider();
$('#h_sns').find('img').hover(function(){ // 在 #h_sns 下发现 img 对象 鼠标 移入移除 触发
$(this).fadeTo(200,0.5);
}, function(){
$(this).fadeTo(100,1);
});
}
function zSlider(ID, delay){
var ID=ID?ID:'#zSlider'; 三元表达式
var delay=delay?delay:5000;
var currentEQ=0, picnum=$('#picshow_img li').size(), autoScrollFUN;
$('#select_btn li').eq(currentEQ).addClass('current'); // 选择 currentEq对象 添加样式
$('#picshow_img li').eq(currentEQ).show(); //当前 currentEq 显示
$('#picshow_tx li').eq(currentEQ).show();
autoScrollFUN=setTimeout(autoScroll, delay); //获取 setTimeout 句柄
function autoScroll(){
clearTimeout(autoScrollFUN); //清除句柄
currentEQ++;
if (currentEQ>picnum-1) currentEQ=0;
$('#select_btn li').removeClass('current');
$('#picshow_img li').hide();
$('#picshow_tx li').hide().eq(currentEQ).slideDown(400);
$('#select_btn li').eq(currentEQ).addClass('current');
$('#picshow_img li').eq(currentEQ).show();
autoScrollFUN = setTimeout(autoScroll, delay);
}
$('#picshow').hover(function(){
clearTimeout(autoScrollFUN);
}, function(){
autoScrollFUN = setTimeout(autoScroll, delay);
});
$('#select_btn li').hover(function(){
var picEQ=$('#select_btn li').index($(this));
if (picEQ==currentEQ) return false;
currentEQ = picEQ;
$('#select_btn li').removeClass('current');
$('#picshow_img li').hide();
$('#picshow_tx li').hide().eq(currentEQ).slideDown(100);
$('#select_btn li').eq(currentEQ).addClass('current');
$('#picshow_img li').eq(currentEQ).show();
return false;
});
};
})

后面的差不多，没什么可解释的了。这是一个图片自动播放的jquery特效。

最不喜欢看别人代码了

jquery的api，到里面去找吧！