[Js]评分星星

效果:

鼠标移到星星上,这颗星星及之前的全亮,提示文字出现,根绝星星数量显示不同文字,移出灭掉,文字消失

 

思路:

1.定义一个数组,来存放不同的文字

2.存放星星的索引值(要在i定义赋值后,即在for循环里面)

 

window.onload=function(){

    var box=document.getElementById(‘box‘);

    var star=document.getElementsByTagName(‘div‘);

    var tip=document.getElementById(‘tip‘);

    var da=[‘很差‘,‘较差‘,‘一般‘,‘较好‘,‘很好‘];

    var i;

    for(i=0;i<star.length;i++){

        star[i].index=i;   

        da[i].index=i;

        star[i].onmouseover=function(){

            tip.style.display=‘block‘;

            for(i=0;i<=this.index;i++){

                star[i].className=‘active‘;

                tip.innerHTML=da[i];

            }

        };

        star[i].onmouseout=function(){

            tip.style.display=‘none‘;

            for(i=0;i<star.length;i++){

                star[i].className=‘‘;

            }

        };

    }

};

[Js]评分星星,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。