html评价星星,javascript 星星评价(转)

星星打分

.evalInfo{

font-size: 13px;

font-family: '宋体';

margin: 3 5px;

}

/** 用星星的方式来打分， **/

function evalSorce(rootEle, oEvent, targetObjId,attitudeTitleId) {

var imgs = rootEle.getElementsByTagName("img");

//var e = oEvent || window.event;

var eventTarget = window.event.srcElement||eventTag.target;

var clickedImgValue = eventTarget.value;

for(var i=0; i

var tempImg = imgs[i];

if(tempImg.value <= clickedImgValue){

tempImg.src ='/JSTest/img/bright.gif';

}else {

tempImg.src ='/JSTest/img/dark.gif';

}

}

var targetObj = document.getElementById(targetObjId);

targetObj.value = clickedImgValue;

var attitudeTitle = document.getElementById(attitudeTitleId);

attitudeTitle.innerHTML = eventTarget.title;

}

======================================================================

第二种

http://bbs.blueidea.com/thread-2980364-1-1.html

评价打分星星效果

function rate(obj,oEvent){

var imgSrc = 'http://image1.koubei.com/images/store/icon_star_1.gif';

var imgSrc_2 = 'http://image1.koubei.com/images/store/icon_star_2.gif';

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[i]._num = i;

imgArray[i].οnclick=function(){

if(obj.rateFlag) return;

alert(this._num+1);

var inputid=this.parentNode.previousSibling

inputid.value=this._num+1;

}

}

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

for(var j=0;j

if(j<=target._num){

imgArray[j].src=imgSrc_2;

} else {

imgArray[j].src=imgSrc;

}

target.parentNode.οnmοuseοut=function(){

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

for(n=0;n

imgArray[n].src=imgSrc;

}

for(n=0;n

imgArray[n].src=imgSrc_2;

}

}

}

} else {

return false;

}

}