DOM---点亮星

原创 2016年06月01日 19:22:43
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        window.onload=function()
        {
            var objs = document.getElementsByTagName("img");//返回放入所有tagname为Img的数组
            for(var i=0;i<objs.length;i++)//加载页面的时候对每个成员的设置
            {
                objs[i].setAttribute("index",i+1);//设置index 表示你选了几颗星
                objs[i].onclick=function()//给每个数组成员(img)设置onclick响应
                {
                    for(var s=0;s<objs.length;s++)//点击过后变亮前 重置所有的星星 将其全部变暗
                    {
                        objs[s].setAttribute("src","images/2star.gif");


                    }


                    var sorce = event.srcElement.getAttribute("index");//获取点击的事件源的属性 点击的谁谁就是事件源


                    for(var j=0;j<=sorce-1;j++)//将点击的星及前面的星都变亮
                    {
                        objs[j].setAttribute("src","images/1star.gif");
                    }
                }
            }


        }
    </script>
</head>
<body>
  <img src="images/2star.gif">
  <img src="images/2star.gif">
  <img src="images/2star.gif">
  <img src="images/2star.gif">
  <img src="images/2star.gif">
  <img src="images/2star.gif">
  <img src="images/2star.gif">
  <img src="images/2star.gif">
</body>
</html>

关于点亮LCD液晶屏的技巧

LCD是非常常见的一种设备,在实际操作中常常遇到LCD无法点亮,这时候就需要我们自行检查。 1.检查LCD供电电路是否到位,供电电压是否正常。 2.检查LCD的启动时序是否正确,延时是否达到要求。 3...
  • LZPRO
  • LZPRO
  • 2017年04月08日 14:24
  • 519

单片机轻松入门之一点亮一个发光二极管

本文旨在介绍单片机入门的基础知识,为初接触或即将接触单片的新手提供一个入门指导。本文章会陆续推出,隔几天一个章节。所使用单片机为ATMEL公司的AT89C52,软件为PROTEUS和KEIL;只提供原...
  • zhenxing2000
  • zhenxing2000
  • 2016年01月20日 23:19
  • 1182

点亮所有的灯

点亮所有的灯
  • nameofcsdn
  • nameofcsdn
  • 2016年08月09日 00:40
  • 1872

STM32-点亮一个LED灯-流水灯

1.跟着例程自己创建自己的工程时,出现了GPIO库文件里有undefined等等,在我们刚开始学习新建工程时要注意C/c++里面的Defined,与开发板匹配! 2.在启动文件中选择与开发板匹配...
  • MR_Fclef
  • MR_Fclef
  • 2016年02月21日 16:40
  • 668

PIC单片机之第一个工程分析,点亮LED

电路图如下: 新建一个工程: 然后用工程向导设置工程 Project-》project wizard: 选择芯片: 设置编译器: 选择文件位置: 这里设置工程就完成了 添加C文件,这里...
  • chengdong1314
  • chengdong1314
  • 2016年06月03日 13:50
  • 1338

stm32点亮第一个led灯(初学)

作为一名初学stm32的人应该都具备了51
  • liukuangye123
  • liukuangye123
  • 2014年04月25日 20:03
  • 5418

1.2.第一个实验——点亮LED灯

1.2.第一个实验——点亮LED灯  预备知识: (1)位、字节、IO端口、IO口       字节是内存管理的最小单位,一个字节是八位,每一位可以存放一个二进制位(0或者1)。一个IO端口包括一组I...
  • Hanfeng_1999
  • Hanfeng_1999
  • 2016年04月26日 23:31
  • 1216

STM32学习笔记之点亮LED灯

转载于 http://blog.csdn.net/u010661782/article/details/50281229,感谢原作者非常详细的指导学习。 让我的开发板的LED灯亮灭闪烁 ...
  • sinat_23338865
  • sinat_23338865
  • 2016年07月15日 22:13
  • 812

单片机学习之点亮LED小灯

学习视频:手把手教你学单片机http://pan.baidu.com/s/1qWpGYgk 我所学的单片机的类型以及资料 STC89C52宏晶科技出品的一款 51 内核的单片机,具有标准的 51 体...
  • Hei_Ant
  • Hei_Ant
  • 2015年11月21日 11:23
  • 888

星敏感器

星敏感器是以某一颗亮度高于+2可见星等的恒星为基准,测量其相对于航天器的角位 置,并同星历表中该星的角位置参数进行比较,来确定航天器的姿态。也即通过对恒星星光的敏感来测量航天器的某一个基准轴与该恒星视...
  • u010910642
  • u010910642
  • 2016年05月21日 14:43
  • 1880
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DOM---点亮星
举报原因:
原因补充:

(最多只允许输入30个字)