NutzCN Logo
问答 星星评论点击后为什么不保存点击之前的状态
发布于 2535天前 作者 qq_6175ecf9 1177 次浏览 复制 上一个帖子 下一个帖子
标签:
打分结果
一般

css

.wrapper{width:300px; margin:10px auto; font:14px/1.5 arial;}
/*tab*/

star{overflow:hidden;}

star li{

float:left;
width:20px;
height:20px;
margin:2px;
display:inline;
color:#999;
font:bold 18px arial;
cursor:pointer
}

star .act{

color:#c00
}

star_word{

width:80px;
height:30px;
line-height:30px;
border:1px solid #ccc;
margin:10px;
text-align:center;
display:none
}

js代码

    window.onload = function() {
       var v_courId = $("#courseId").val();
       var star = document.getElementById("star");
       var star_li = star.getElementsByTagName("li");
       var star_word = document.getElementById("star_word");
       var result = document.getElementById("result");
       var i = 0;
       var j = 0;
       var len = star_li.length;
       var word = [ '很差', '差', '一般', "好", "很好" ];
       for (i = 0; i < len; i++) {
         star_li[i].index = i;
         star_li[i].onmouseover = function() {
          star_word.style.display = "block";
          star_word.innerHTML = word[this.index];
          for (i = 0; i <= this.index; i++) {
              star_li[i].className = "act";
          }
         };
         star_li[i].onmouseout = function() {
          star_word.style.display = "none";
          for (i = 0; i < len; i++) {
              star_li[i].className = "";
          }
         };
         star_li[i].onclick = function() {
          result.innerHTML = (this.index + 1) + "分";
          var dafen = result.innerHTML;

         };
       }
    };
</script>
1 回复

发帖/回复按钮旁边的"插入代码或日志片段"总是被无视

添加回复
请先登陆
回到顶部