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" : ""; } }; };