JS里星星评价
<!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>
阅读更多
文章标签: javascript
个人分类: JS
想对作者说点什么? 我来说一句

js仿淘宝的星星评价

2012年05月09日 4KB 下载

仿淘宝星星评分效果-纯JS

2016年03月01日 12KB 下载

没有更多推荐了,返回首页

不良信息举报

JS里星星评价

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭