文件名称：jquery仿淘宝的评价插件
文件大小：4KB
文件格式：ZIP
更新时间：2019-03-24 12:57:10
pingjia
jquery仿淘宝的评价插件 function loading(starId){ var oStar = document.getElementById(starId); var aLi = oStar.getElementsByTagName("li"); var oUl = oStar.getElementsByTagName("ul")[0]; var oSpan = oStar.getElementsByTagName("span")[1]; var oP = oStar.getElementsByTagName("p")[0]; var i = iScore = iStar = 0; var aMsg =new Array(); aMsg[0]="（很不满意）"; aMsg[1]="（不满意）"; aMsg[2]="（一般）"; aMsg[3]="（满意）"; aMsg[4]="（非常满意）"; for (i = 1; i <= aLi.length; i++){ aLi[i - 1].index = i; //鼠标移过显示分数 aLi[i - 1].onmouseover = function (){ fnPoint(this.index); //浮动层显示 oP.style.display = "block"; //计算浮动层位置 oP.style.left = oUl.offsetLeft + this.index * this.offsetWidth - 104 + "px"; //匹配浮动层文字内容 oP.innerHTML = "" + this.index + " 分 "+aMsg[this.index-1]; }; //鼠标离开后恢复上次评分 aLi[i - 1].onmouseout = function (){ fnPoint(); //关闭浮动层 oP.style.display = "none" }; //点击后进行评分处理 aLi[i - 1].onclick = function (){ iStar = this.index; document.getElementById("hidden"+starId).value=this.index; oP.style.display = "none"; // oSpan.innerHTML = "" + (this.index) + " 分 (" + 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" : ""; } }
【文件预览】：
评价插件附demo
----pingjia.js(2KB)
----image()
--------icon.gif(540B)
--------star.png(958B)
----testPingjia.html(2KB)