javascript淘宝评分效果

window.onload=function(){
	var oPf=document.getElementById("pingfen");
	var aLi=oPf.getElementsByTagName('li');
	var oP=oPf.getElementsByTagName('p')[0];
	var oUl=oPf.getElementsByTagName('ul')[0];
	var oSpan=oPf.getElementsByTagName('span')[1];
	var iStar=0;
	var aMsg = [
				"很不满意|差得太离谱，与卖家描述的严重不符，非常不满",
				"不满意|部分有破损，与卖家描述的不符，不满意",
				"一般|质量一般，没有卖家描述的那么好",
				"满意|质量不错，与卖家描述的基本一致，还是挺满意的",
				"非常满意|质量非常好，与卖家描述的完全一致，非常满意"
				]

	for(var i=0;i<aLi.length;i++){
		aLi[i].index=i;
		aLi[i].onmouseover=function(){
			for(var j=0;j<aLi.length;j++){
				if(j<=this.index){
					aLi[j].className="on";
				}
				else{
					aLi[j].className="";
				};
			};
			var num= parseInt(this.index)+1;
			oP.style.left = oUl.offsetLeft + num * this.offsetWidth - 104 + "px";
			oP.style.display="block";
			oP.innerHTML = "<em><b>" +num+ "</b> 分 " + aMsg[this.index].match(/(.+)\|/)[1] + "</em>" + aMsg[this.index].match(/\|(.+)/)[1]
		};
		aLi[i].onmouseout=function(){
			oP.style.display="none";
			fnPoint();
		};
		aLi[i].onclick = function ()
		{
			iStar = this.index+1;
			oP.style.display = "none";
			oSpan.innerHTML = "<strong>" + (iStar) + " 分</strong> (" + aMsg[this.index].match(/\|(.+)/)[1] + ")"
		};

	};
	function fnPoint(iArg)
	{
		iScore = iArg || iStar;
		for (i = 0; i < aLi.length; i++){
			aLi[i].className = i < iScore ? "on" : "";
		} 	
	};
	
};