zoukankan      html  css  js  c++  java
  • [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='';

                }

            };

        }

    };

  • 相关阅读:
    lua 源码阅读 5.3.5 笔记
    lua 源码阅读 1.1 -> 2.1
    lua 1.0 源码分析 -- 总结
    lua 1.0 源码分析 -- 2 内存回收
    lua 1.0 源码分析 -- 1 lua 的虚拟指令
    protoc-c 阅读笔记
    protoc-c 安装记录
    转前端开发中常用工具函数总结
    sql 设计规范
    web.config文件详解[转]
  • 原文地址:https://www.cnblogs.com/zhangwenkan/p/3582850.html
Copyright © 2011-2022 走看看