window.onload = function () {
var aMsg = [
"很不满意|差得太离谱,与卖家描述的严重不符,非常不满",
"不满意|部分有破损,与卖家描述的不符,不满意",
"一般|质量一般,没有卖家描述的那么好",
"满意|质量不错,与卖家描述的基本一致,还是挺满意的",
"非常满意|质量非常好,与卖家描述的完全一致,非常满意"
]
var oStar1 = document.getElementById("star1");
var oStar2 = document.getElementById("star2");
var oStar3 = document.getElementById("star3");
var oStar4 = document.getElementById("star4");
var oStar5 = document.getElementById("star5");
var aLi1 = oStar1.getElementsByTagName("li");
var oUl1 = oStar1.getElementsByTagName("ul")[0];
var oSpan1 = oStar1.getElementsByTagName("span")[1];
var oP1 = oStar1.getElementsByTagName("p")[0];
var i1 = iScore1 = iStar1 = 0;
for (i1 = 1; i1 <= aLi1.length; i1++) {
aLi1[i1 - 1].index = i1;
//鼠标移过显示分数
aLi1[i1 - 1].onmouseover = function () {
fnPoint1(this.index);
//浮动层显示
oP1.style.display = "block";
//计算浮动层位置
oP1.style.left = oUl1.offsetLeft + this.index * this.offsetWidth+ "px";
//匹配浮动层文字内容
oP1.innerHTML = "<em><b>" + this.index + "</b> 分 " + aMsg[this.index - 1].match(/(.+)|/)[1] + "</em>";
};
//鼠标离开后恢复上次评分
aLi1[i1 - 1].onmouseout = function () {
fnPoint1();
//关闭浮动层
oP1.style.display = "none"
};
//点击后进行评分处理
aLi1[i1 - 1].onclick = function () {
iStar1 = this.index;
oP1.style.display = "none";
oSpan1.style.left="80px";
oSpan1.innerHTML = "<strong>" + (this.index) + " 分</strong> (" + aMsg[this.index - 1].match(/|(.+)/)[1] + ")";
document.getElementById("ss_HiddenField1").value = iStar1;
}
}
//评分处理
function fnPoint1(iArg1) {
//分数赋值
iScore1 = iArg1 || iStar1;
for (i1 = 0; i1 < aLi1.length; i1++)
aLi1[i1].className = i1 < iScore1 ? "on" : "";
}
//服务
var aLi2 = oStar2.getElementsByTagName("li");
var oUl2 = oStar2.getElementsByTagName("ul")[0];
var oSpan2 = oStar2.getElementsByTagName("span")[1];
var oP2 = oStar2.getElementsByTagName("p")[0];
var i2 = iScore2 = iStar2 = 0;
for (i2 = 1; i2 <= aLi2.length; i2++) {
aLi2[i2 - 1].index = i2;
//鼠标移过显示分数
aLi2[i2 - 1].onmouseenter = function () {
fnPoint2(this.index);
//浮动层显示
oP2.style.display = "block";
//计算浮动层位置
oP2.style.left = oUl2.offsetLeft + this.index * this.offsetWidth + "px";
//匹配浮动层文字内容
oP2.innerHTML = "<em><b>" + this.index + "</b> 分 " + aMsg[this.index - 1].match(/(.+)|/)[1] + "</em>";
};
//鼠标离开后恢复上次评分
aLi2[i2 - 1].onmouseout = function () {
fnPoint2();
//关闭浮动层
oP2.style.display = "none"
};
//点击后进行评分处理
aLi2[i2 - 1].onclick = function () {
iStar2 = this.index;
oP2.style.display = "none";
oSpan2.innerHTML = "<strong>" + (this.index) + " 分</strong> (" + aMsg[this.index - 1].match(/|(.+)/)[1] + ")";
document.getElementById("ss_HiddenField2").value = iStar2;
}
}
//评分处理
function fnPoint2(iArg2) {
//分数赋值
iScore2 = iArg2 || iStar2;
for (i2 = 0; i2 < aLi2.length; i2++)
aLi2[i2].className = i2 < iScore2 ? "on" : "";
}
//特色
var aLi3 = oStar3.getElementsByTagName("li");
var oUl3 = oStar3.getElementsByTagName("ul")[0];
var oSpan3 = oStar3.getElementsByTagName("span")[1];
var oP3 = oStar3.getElementsByTagName("p")[0];
var i3 = iScore3 = iStar3 = 0;
for (i3 = 1; i3 <= aLi3.length; i3++) {
aLi3[i3 - 1].index = i3;
//鼠标移过显示分数
aLi3[i3 - 1].onmouseover = function () {
fnPoint3(this.index);
//浮动层显示
oP3.style.display = "block";
//计算浮动层位置
oP3.style.left = oUl3.offsetLeft + this.index * this.offsetWidth + "px";
//匹配浮动层文字内容
oP3.innerHTML = "<em><b>" + this.index + "</b> 分 " + aMsg[this.index - 1].match(/(.+)|/)[1] + "</em>";
};
//鼠标离开后恢复上次评分
aLi3[i3 - 1].onmouseout = function () {
fnPoint3();
//关闭浮动层
oP3.style.display = "none"
};
//点击后进行评分处理
aLi3[i3 - 1].onclick = function () {
iStar3 = this.index;
oP3.style.display = "none";
oSpan3.innerHTML = "<strong>" + (this.index) + " 分</strong> (" + aMsg[this.index - 1].match(/|(.+)/)[1] + ")";
document.getElementById("ss_HiddenField3").value = iStar3;
}
}
//评分处理
function fnPoint3(iArg3) {
//分数赋值
iScore3 = iArg3 || iStar3;
for (i3 = 0; i3 < aLi3.length; i3++)
aLi3[i3].className = i3 < iScore3? "on" : "";
}
//交通
var aLi4 = oStar4.getElementsByTagName("li");
var oUl4 = oStar4.getElementsByTagName("ul")[0];
var oSpan4 = oStar4.getElementsByTagName("span")[1];
var oP4 = oStar4.getElementsByTagName("p")[0];
var i4 = iScore4 = iStar4 = 0;
for (i4 = 1; i4 <= aLi4.length; i4++) {
aLi4[i4 - 1].index = i4;
//鼠标移过显示分数
aLi4[i4 - 1].onmouseover = function () {
fnPoint4(this.index);
//浮动层显示
oP4.style.display = "block";
//计算浮动层位置
oP4.style.left = oUl4.offsetLeft + this.index * this.offsetWidth+ "px";
//匹配浮动层文字内容
oP4.innerHTML = "<em><b>" + this.index + "</b> 分 " + aMsg[this.index - 1].match(/(.+)|/)[1] + "</em>";
};
//鼠标离开后恢复上次评分
aLi4[i4 - 1].onmouseout = function () {
fnPoint4();
//关闭浮动层
oP4.style.display = "none"
};
//点击后进行评分处理
aLi4[i4 - 1].onclick = function () {
iStar4 = this.index;
oP4.style.display = "none";
oSpan4.innerHTML = "<strong>" + (this.index) + " 分</strong> (" + aMsg[this.index - 1].match(/|(.+)/)[1] + ")";
document.getElementById("ss_HiddenField4").value = iStar4;
}
}
//评分处理
function fnPoint4(iArg4) {
//分数赋值
iScore4 = iArg4 || iStar4;
for (i4 = 0; i4 < aLi4.length; i4++)
aLi4[i4].className = i4 < iScore4 ? "on" : "";
}
//价格
var aLi5 = oStar5.getElementsByTagName("li");
var oUl5 = oStar5.getElementsByTagName("ul")[0];
var oSpan5 = oStar5.getElementsByTagName("span")[1];
var oP5 = oStar5.getElementsByTagName("p")[0];
var i5 = iScore5 = iStar5 = 0;
for (i5 = 1; i5 <= aLi5.length; i5++) {
aLi5[i5 - 1].index = i5;
//鼠标移过显示分数
aLi5[i5 - 1].onmouseover = function () {
fnPoint5(this.index);
//浮动层显示
oP5.style.display = "block";
//计算浮动层位置
oP5.style.left = oUl5.offsetLeft + this.index * this.offsetWidth + "px";
//匹配浮动层文字内容
oP5.innerHTML = "<em><b>" + this.index + "</b> 分 " + aMsg[this.index - 1].match(/(.+)|/)[1] + "</em>";
};
//鼠标离开后恢复上次评分
aLi5[i5 - 1].onmouseout = function () {
fnPoint5();
//关闭浮动层
oP5.style.display = "none"
};
//点击后进行评分处理
aLi5[i5 - 1].onclick = function () {
iStar5 = this.index;
oP5.style.display = "none";
oSpan5.innerHTML = "<strong>" + (this.index) + " 分</strong> (" + aMsg[this.index - 1].match(/|(.+)/)[1] + ")";
document.getElementById("ss_HiddenField5").value = iStar5;
}
}
//评分处理
function fnPoint5(iArg5) {
//分数赋值
iScore5= iArg5 || iStar5;
for (i5 = 0; i5 < aLi5.length; i5++)
aLi5[i5].className = i5 < iScore5 ? "on" : "";
}
};