稍微修改了一下，誰給完善下？ 有且僅有一顆心時(shí)，點(diǎn)擊第一顆星時(shí)所有星星變黑。
Frank337903
2014-10-20
1 回答
舉報(bào)
0/150
提交
取消
2014-12-07
<!DOCTYPE?html> <html> ????<head> ????<meta?charset="UTF-8"> ????<title></title> ????<style?type="text/css"> span?{ ????cursor:?pointer; } </style> ????<script?type="text/javascript"> ????????window.onload?=?function?()?{ ????????????//?獲取元素 ????????????var?stars?=?document.getElementById('stars').getElementsByTagName('span'); ????????????var?ret?=?document.getElementById('ret'); //獲得所有星星的數(shù)量 function?starNum(){ var?len=0; for(var?i?=0;i<stars.length;i++){ ?if(?stars[i].style.color=="red"){ ?len?=?i+1; ?} }return?len; } //定義getStar函數(shù) function?getStar(n){ ??for(var?i=0;i<stars.length;i++){ ?if(i<=n-1){ ??stars[i].style.color="red"; } else{ ??stars[i].style.color=""; ??} } ret.innerHTML=n; }?? //?每個(gè)星星節(jié)點(diǎn)的點(diǎn)擊事件 var?num=ret.innerHTML;??//點(diǎn)擊前的星星分?jǐn)?shù) for(var?i?=0;i<stars.length;i++){ stars[i].onclick=function(){ var?n?=?this.getAttribute("star"); getStar(n); ?? //如果有且僅有一顆心，并且點(diǎn)擊星時(shí)，所有星變黑色 if?(num==1){ //?點(diǎn)擊前的星星分?jǐn)?shù)?==?1 stars[0].style.color=""; ????num?=?0; }?else?{ num?=?n; //?更新 } } stars[i].onmouseover=function(){ var?n?=?this.getAttribute("star"); getStar(n);?? } stars[i].onmouseout=function(){ getStar(num); } }???????? ??} ????</script> ????</head> ????<body> <div?id="stars">? <span?star="1">★</span>? <span?star="2">★</span>? <span?star="3">★</span>? <span?star="4">★</span>? <span?star="5">★</span>? </div> <div?id="ret"></div> </body> </html>