js星星评分效果_javascript技巧

html如下：

css样式：

.starts,.starts ul{float:left;}
.starts{padding-left:16px;padding-top:7px;}
.starts ul li{width:32px;height:31px;float:left;background:#ddd;padding-right:3px;}
.starts ul li.on{background:red;}
.starts ul 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 

查看演示 http://demo.jb51.net/js/2014/jsxxdf/

如果有喜欢使用基于jquery的星星打分效果，可以参考这个地址：http://www.jb51.net/jiaoben/195077.html