js星级评分

[javascript]代码库

window.onload = function(){
	var star = document.getElementById('star');
	var ul = star.getElementsByTagName('ul')[0];
	var li = star.getElementsByTagName('li');
	var span = star.getElementsByTagName('span')[1];
	var p = star.getElementsByTagName('p')[0];
	var evl = ["很不满意|差得太离谱，与卖家描述的严重不符，非常不满",
				"不满意|部分有破损，与卖家描述的不符，不满意",
				"一般|质量一般，没有卖家描述的那么好",
				"满意|质量不错，与卖家描述的基本一致，还是挺满意的",
				"非常满意|质量非常好，与卖家描述的完全一致，非常满意"];
	var iStar = iArg = 0;
	for(i = 1;i <= li.length;i++){
		li[i-1].point = i;
		li[i-1].onmouseover = function(){
			fnPoint(this.point);
			p.style.left = ul.offsetLeft + this.point * this.offsetWidth - 104 + 'px';
			p.innerHTML = '<em><b>'+this.point+'分</b>'+ evl[this.point-1].match(/(.+)\|/)[1] + '</em>' + evl[this.point-1].match(/\|(.+)/)[1];
			p.style.display = 'block';
		}
		
		li[i-1].onclick = function(){
			iStar = this.point;
			p.style.display = 'none';
			span.innerHTML = '<strong>'+this.point+'分'+'</strong>'+'('+evl[this.point-1].match(/\|(.+)/)[1]+')';
			
		}
		
		li[i-1].onmouseout = function(){
			fnPoint();             //可以传参数
			p.style.display = 'none';
		}
	}
	
	function fnPoint(iArg){
		var score = iArg || iStar;
		for(i =1;i <=li.length;i++){
			li[i-1].className = score < i?'':'on';
		}
	}
}