html 页面
<!DOCTYPE html>
<html lang="en">
<head>
<me
<ti
<st
span {font-size: 50px;}
</st
<sc
window.on
var oP = document.getElementsByTagName("p")[0];
var oSpan = document.getElementsByTagName("span")[0];
var aImg = oP.getElementsByTagName("img");
var arr = ['差','较差','一般','推荐','力荐'];
/*
* __STATIC__/home/img_test/day8/starty.png 黄色背景星星图
* __STATIC__/home/img_test/day8/start1.png 灰色背景星星图
* */
var off = true;
for(var i=0;i<aImg.length;i++){
aImg[i].index = i;
aImg[i].on
for(var i=0;i<aImg.length;i++){
if(i<=this.index){
aImg[i].src = "__STATIC__/home/img_test/day8/starty.png";
}else if(i>this.index){
aImg[i].src = "__STATIC__/home/img_test/day8/start1.png";
}
}
oSpan.innerHTML = arr[this.index%(arr.length)];
}
aImg[i].on
if(off) {
for (var j = 0; j <= this.index; j++) {
aImg[j].src = "__STATIC__/home/img_test/day8/start1.png";
}
oSpan.innerHTML = "";
}else{
off = true;
}
}
aImg[i].on
for(var j=0;j<=this.index;j++){
aImg[j].src = "__STATIC__/home/img_test/day8/starty.png";
}
off = false;
}
}
}
</sc
</head>
<body>
<p>*总体评价:
<img src="__STATIC__/home/img_test/day8/start1.png">
<img src="__STATIC__/home/img_test/day8/start1.png">
<img src="__STATIC__/home/img_test/day8/start1.png">
<img src="__STATIC__/home/img_test/day8/start1.png">
<img src="__STATIC__/home/img_test/day8/start1.png">
<span></span>
</p>
</body>
</html>
控制器 :
public function home_work1(){
return view("home_work1");
}