评论星星表示好差实现代码

//鼠标经过后点亮星星

function rate(obj,oEvent){

var imgSrc = '../images/star_hover.png';

var imgSrc_2 = '../images/star.png';

if(obj.rateFlag) return;

var e = oEvent || window.event;

var target = e.target || e.srcElement;

var imgArray = obj.getElementsByTagName("img");

for(var i=0;i<imgArray.length;i++){

imgArray[i]._num = i;

imgArray[i].onclick=function(){

if(obj.rateFlag) return;

if(obj.id=='rate_t_1'){

$('#id_services').val(this._num+1)

}

if(obj.id=='rate_t_2'){

$('#id_express').val(this._num+1)

}

if(obj.id=='rate_t_3'){

$('#id_quality').val(this._num+1)

}

var inputid=this.parentNode.previousSibling

inputid.value=this._num+1;

}

}

if(target.tagName=="IMG"){

for(var j=0;j<imgArray.length;j++){

if(j<=target._num){

imgArray[j].src=imgSrc_2;

} else {

imgArray[j].src=imgSrc;

}

target.parentNode.onmouseout=function(){

var imgnum=parseInt(target.parentNode.previousSibling.value);

for(n=0;n<imgArray.length;n++){

imgArray
.src=imgSrc;

}

for(n=0;n<imgnum;n++){

imgArray
.src=imgSrc_2;

}

}

}

} else {

return false;

}

}

//具体显示多少个星星

function chang(var i){

var imgSrc = '../images/star_hover.png';

var imgSrc_2 = '../images/star.png';

var imgArray = document.getElementById("rate_t_3").getElementsByTagName("img");

for(n=0;n<imgArray.length;n++){

imgArray
.src=imgSrc;

}

for(n=0;n<i;n++){

imgArray
.src=imgSrc_2;

}

}

//星星html显示

<input type="hidden" value="0"><p id="rate_t_3" onmouseover="rate(this,event)">

<img src="../images/star.png" title="很烂">

<img src="../images/star.png" title="一般">

<img src="../images/star.png" title="还好">

<img src="../images/star.png" title="较好">

<img src="../images/star.png" title="很好">

</p>