效果详解
1. 鼠标移上的时候星星点亮,下面的文字显示。鼠标移出的时候星星为灰,下面文字不显示。
2. 鼠标移到某个星星上,它之前的所有星星都会亮。
3. 鼠标移到某个星星上并点击,会显示打分结果。
先获取元素
var words = ["满意", "一般满意", "还不错", "很满意", "非常满意"];
// 获取所有的空星星
var divstars=document.getElementById('divstars');
//获取divword
var divword=document.getElementById('divword');
// 设置初始值为-1,
var start=-1;
进行dom操作,首先鼠标移入让自己和前面的亮
divstars.onmouseover=function(e){
if(e.target.tagName==='IMG'){
e.target.src='images/shining.png';
divword.innerHTML=words
var before=e.target.previousElementSibling;
while(before){