HTML如下：
<div> <ul id = "pingstar"> <li rel = "1"> </li> <li rel = "2"> </li> <li rel = "3"> </li> <li rel = "4"> </li> <li rel = "
CSS样式：
.starts、.starts ul {float：left;}。starts {padding-left：16px; padding-top：7px;} span {display：inline; float：left; padding-left：10px; height：31px; line-height：31px;}最后js调用如下：
window.onload = function（）{var s = document.getElementById（ "pingstar"）、m = document.getElementById（ 'dir'）、n = s.getElementsBytagname（ "li"）、input = document.getElementbyId（ 'startp'）; // clearall = function（）{for（var i = 0; i <n.length; i ++）{n [i] .classname = ''; }} for（var i = 0; i <n.length; i ++）{n [i] .onclick = function（）{var q = this.getattribute（ "rel"）; clearall（）; input.value = q; for（var i = 0; i <q; i ++）{n [i] .classname = 'on'; } m.innerhtml = this.getAttribute（ "title"）; } n [i] .onmouseover = function（）{var q = this.getattribute（ "rel"）; clearall（）; for（var i = 0; i <q; i ++）{n [i] .classname = 'on'; }} n [i] .onmouseout = function（）{clearall（）; for（var i = 0; i <input.value; i ++）{n [i] .classname = 'on'; }}}}http://demo.vevb.com/js/2014/jsxxdf/
如果有喜欢使用基于jquery的星星打分效果、可以参考这个地址、可以参考这个地址：//www.vevb.com/jiaoben/195077.html