您的位置:首页 > 其它

星星的眼睛眨呀眨

2015-11-10 15:06 246 查看
//星级第一个参数绑定div,第二个是当前默认星级,但三个表单输入框,第四个0不现实tip提示框
star_appraise("modify_star", _data['td16'], "store_msg_modify_star", "0");


var star_appraise = function (star_div, star_length, star_input, tip) {
star_default(star_div, star_length);//默认星级
starplug(star_div, star_length, star_input,tip);//选择星级
}
var starplug = function (star, stars, star_input,tip) {
var oStar = document.getElementById(star);
var aLi = oStar.getElementsByTagName("li");
var oUl = oStar.getElementsByTagName("ul")[0];
var oSpan = oStar.getElementsByTagName("span")[0];
var oP = oStar.getElementsByTagName("p")[0];
var i = iScore = iStar = stars;
var aMsg = [
"很不满意|差得太离谱,与卖家描述的严重不符,非常不满",
"不满意|部分有破损,与卖家描述的不符,不满意",
"一般|质量一般,没有卖家描述的那么好,一般般",
"满意|质量不错,与卖家描述的基本一致,还是挺满意的",
"非常满意|质量非常好,与卖家描述的完全一致,非常满意"
]
for (i = 1; i <= aLi.length; i++) {
aLi[i - 1].index = i;

//鼠标移过显示分数
aLi[i - 1].onmouseover = function () {
fnPoint(this.index);
if (tip != 0) {
//浮动层显示
oP.style.display = "block";
//计算浮动层位置
oP.style.left = oUl.offsetLeft + this.index * this.offsetWidth - 104 + "px";
//匹配浮动层文字内容
oP.innerHTML = "<em><b>" + this.index + "</b> 分 " + aMsg[this.index - 1].match(/(.+)\|/)[1] + "</em>" + aMsg[this.index - 1].match(/\|(.+)/)[1]
}
$('#' + star_input + '').val(this.index);
oSpan.innerHTML = "<strong>" + (this.index) + " 分  " + aMsg[this.index - 1].match(/(.+)\|/)[1] + "</strong> (" + aMsg[this.index - 1].match(/\|(.+)/)[1] + ")"
};

//鼠标离开后恢复上次评分
aLi[i - 1].onmouseout = function () {
fnPoint();
$('#' + star_input + '').val(iStar);
oSpan.innerHTML = "<strong>" + (iStar) + " 分  " + aMsg[iStar - 1].match(/(.+)\|/)[1] + "</strong> (" + aMsg[iStar - 1].match(/\|(.+)/)[1] + ")"
//关闭浮动层
oP.style.display = "none"
};

//点击后进行评分处理
aLi[i - 1].onclick = function () {
iStar = this.index;
$('#' + star_input + '').val(iStar);
oP.style.display = "none";
oSpan.innerHTML = "<strong>" + (this.index) + " 分  " + aMsg[this.index - 1].match(/(.+)\|/)[1] + "</strong> (" + aMsg[this.index - 1].match(/\|(.+)/)[1] + ")"
}
}

//评分处理
function fnPoint(iArg) {
//分数赋值
iScore = iArg || iStar;
for (i = 0; i < aLi.length; i++) aLi[i].className = i < iScore ? "on" : "";
}
}
var star_default = function (star_name, star_lenght) {
var oStar = document.getElementById(star_name);
var htmls = '<ul><li><a href="javascript:(0);">1</a></li><li><a href="javascript:(0);">2</a></li> <li><a href="javascript:(0);">3</a></li>' +
'<li><a href="javascript:(0);">4</a></li><li><a href="javascript:(0);">5</a></li></ul><br><span></span><p></p>';
$('#' + star_name + '').html('');
$('#' + star_name + '').append(htmls);
var oSpan = oStar.getElementsByTagName("span")[0];
var aLi = oStar.getElementsByTagName("li");
var aMsg = [
"很不满意|差得太离谱,与卖家描述的严重不符,非常不满",
"不满意|部分有破损,与卖家描述的不符,不满意~~~",
"一般|质量一般,没有卖家描述的那么好,一般般~~~",
"满意|质量不错,与卖家描述的基本一致,还是挺满意的",
"非常满意|质量非常好,与卖家描述的完全一致,非常满意"
]
for (i = 0; i < aLi.length; i++) aLi[i].className = i < star_lenght ? "on" : "";
oSpan.innerHTML = "<strong>" + star_lenght + " 分  " + aMsg[star_lenght - 1].match(/(.+)\|/)[1] + "</strong> (" + aMsg[star_lenght - 1].match(/\|(.+)/)[1] + ")"
}



                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: