JS里星星评价

原创 2016年06月01日 23:02:49
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload=function(){
            //首先获取所有的图片元素对象
            var tupian=document.getElementsByTagName("img");
            //去读取数组的索引
            for(var i=0;i<tupian.length;i++){
                tupian[i].setAttribute("index",i+1);
                tupian[i].onclick=function(){
                    var score=event.srcElement.getAttribute("index");
                    document.getElementById("fen").innerHTML=score;
                  //  var x=score-1;
                    for(var j=0;j<score;j++){
                        tupian[j].setAttribute("src","inages/1star.gif");
                    }
                    for(var j=score;j<tupian.length;j++){
                        tupian[j].setAttribute("src","inages/2star.gif");
                    }
                }
            }
        }
    </script>
</head>
<body>
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<img src="inages/2star.gif">
<span id="fen" style="color: red">0</span>分


</body>
</html>

js实现五星评价,也请大神如何优化

`这里写代码片` elementFromPoint example
  • shiguang_zhiren
  • shiguang_zhiren
  • 2016年04月26日 15:37
  • 1640

js实现仿淘宝商品评价的星级评定效果

物流公司的服务: 20 40 60 ...
  • biaobiao1217
  • biaobiao1217
  • 2014年10月28日 14:51
  • 1783

动态星星评价条(支持半星操作)

我们经常看到淘宝、虾米音乐上的星星评价条,但是一般情况下它们都是只支持整颗星评价,如果要半颗星为单位进行评价是怎么做的呢,下面就来看一下。 首先,附上这段的源码,使用jquery: 星星...
  • luanhaiyang
  • luanhaiyang
  • 2015年11月10日 17:13
  • 1186

[Js]评价中点星星的演示小demo

前言工作中需要涉及到评价的部分,需要采用星级的方式。特意做了一个演示的demo。其实四五行代码就可以搞定的事,下面直接演示demo。 演示demo:http://download.csdn.net/...
  • u010989191
  • u010989191
  • 2016年10月31日 20:17
  • 520

评价打星星的JS代码

  • 2011年05月06日 10:00
  • 1KB
  • 下载

Js星星评分

  • 2018年01月05日 11:45
  • 67KB
  • 下载

js 特效 html 特效 跟随鼠标的星星

  • 2011年06月14日 21:02
  • 24KB
  • 下载

js 特效 html 特效 鼠标周围的星星

  • 2011年09月03日 22:14
  • 14KB
  • 下载

js 实现 跟随鼠标的星星

  • 2010年03月31日 14:30
  • 5KB
  • 下载

星星打分JS

  • 2015年07月28日 15:15
  • 3KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS里星星评价
举报原因:
原因补充:

(最多只允许输入30个字)