js简单的五角星评分

转载 2016年06月01日 11:12:21
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload=function(){
            //首先要获取图片,相当于装到一个数组里面
            var star = document.getElementsByTagName("img");
            //读取数组的索引
            for(var i =0;i<star.length;i++){
                star[i].setAttribute("index",i+1);
                star[i].onclick=function(){
                    //读取元素的属性值


                    var result = event.srcElement.getAttribute("index");
                    document.getElementById("score").innerHTML= result;
                    var newindex = result-1;
                    for(var j =0;j<=newindex;j++){
                        star[j].setAttribute("src","images/1star.gif");
                    }
                    for(var j =newindex+1;j<star.length;j++){
                        star[j].setAttribute("src","images/2star.gif");
                    }
                }
            }
        }
    </script>
</head>
<body>
    <img src="images/2star.gif"/>
    <img src="images/2star.gif"/>
    <img src="images/2star.gif"/>
    <img src="images/2star.gif"/>
    <img src="images/2star.gif"/>
    <span id="score" style="color: red">0</span>分
</body>
</html>

js写评价的星星

刚开始接触写星星评价时,哇!估计脑子刚被驴踢了,竟然想到了最笨的办法-手工画五角星。妈呀! css样式都写了好大一串,还沾沾自喜终于画出来了,然后瞅一瞅旁边的妹子写得怎么样了,哇!人家机智的!直接用符...
  • ouqi_qiou
  • ouqi_qiou
  • 2017年08月20日 14:38
  • 374

利用html5画出五角星画出星空

利用html5画出五角星 (在慕课网 )
  • Ailey_YY
  • Ailey_YY
  • 2014年11月17日 20:26
  • 1571

Javascript图形学-线-五角星

在上一篇线对象的基础上,我们就可以按照我们自己的一些意愿构造一些我们想要的图形,比如这里所要演示的五角星图形的绘制 构造一个五角星图形对象,参数有圆心坐标,半径r和展示  的容器 文件为FiveA...
  • lisheng559
  • lisheng559
  • 2012年10月01日 02:27
  • 1252

jQuery五角星评分

jQuery五角星评分
  • meitesiluyuan
  • meitesiluyuan
  • 2017年02月09日 14:39
  • 667

JS画5角星方法

function create5StarClip(context) {       var n = 0;       var dx = 100;       var dy = 0;     ...
  • maque0312
  • maque0312
  • 2013年09月17日 17:08
  • 424

JS 实现简单星星评分功能

思路调用onmouseover将经过的星星和之前的设置成红色 之后的设置成黑色代码 document示例 ...
  • mixi9760
  • mixi9760
  • 2016年07月26日 19:29
  • 3394

js简单的五角星评分

window.onload=function(){             //首先要获取图片,相当于装到一个数组里面             var star = document.getEleme...
  • yanggasgas
  • yanggasgas
  • 2016年06月01日 11:12
  • 999

原生js星星评分

  • 2017年07月20日 10:14
  • 4KB
  • 下载

JS DOM 五角星的评分效果

五角星评分效果             //获取元素的当前位置         function getElement(arr, element) {             for...
  • ywk666
  • ywk666
  • 2014年10月04日 18:28
  • 277

五角星评分和分数展示模块的几种实现方式

1
  • kongweishang3
  • kongweishang3
  • 2017年04月24日 14:19
  • 190
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js简单的五角星评分
举报原因:
原因补充:

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