首页 > 代码库 > Day4-----score
Day4-----score
//--------------------------使用遍历完成星星的评分，使用innerHTML完成评价<html><head><title>score</title></head><style type="text/css"> body{font-size: 20px;font-weight: bold;} img{width: 30px;height: 30px;} li{list-style-type: none;float: left;} #text{width: 100px;height: 30px;border: 1px solid #CCC;float: left;text-align: center;}</style><script type="text/javascript"> window.onload=function(){ var i; var timer; var text=["terrible","bad","normal","good","great"]; oImg=document.getElementsByTagName(‘img‘); oDiv=document.getElementById(‘text‘); for(i=0;i<oImg.length;i++){ oImg[i].src="pic/gray.png"; oImg[i].index=i; oImg[i].onmouseover=function(){ for(i=0;i<oImg.length;i++) oImg[i].src="http://www.mamicode.com/pic/gray.png"; for(i=0;i<(this.index+1);i++) oImg[i].src="http://www.mamicode.com/pic/gold.png"; oDiv.innerHTML=text[this.index]; } oImg[i].onclick=function(){ for(i=0;i<(this.index+1);i++) oImg[i].src="http://www.mamicode.com/pic/gold.png"; } } }</script><body> <ul> <li><img /></li> <li><img /></li> <li><img /></li> <li><img /></li> <li><img /></li> <div id="text">Score</div> </ul></body></html>
Day4-----score
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。