您的位置：首页 > Web前端 > JavaScript

JS里星星评价

2016-06-01 23:02 399 查看

<!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

相关文章推荐

新的分享

章节导航