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>

年末盛典-点亮你心中的CSDN 2015博客之星

有一批令人敬佩的人,默默的坚持在CSDN的博客上分享知识,分享自己宝贵的经验。他们用自己单薄的力量汇聚着正能量,我们不得不为他们点赞,不得不为他们做些事情。为了感谢大家的无私付出,也为了鼓励更多的人坚...

东软载波M0,HR8P506开发应用初阶-搭建环境及点亮LED.

基本上,任意一种MCU,只要点亮灯,就代表已经搭建好编译环境及烧录工具了, 这里我将主要介绍怎么搭建HR8P506这颗M0的开发环境及如何点亮第一颗LED. 首先我使用的开发环境是Keil5...
  • i7gly
  • i7gly
  • 2017年01月16日 16:17
  • 1607

STM32流水灯实验点亮一个LED灯实验

  • 2017年09月08日 21:18
  • 2.58MB
  • 下载

点亮一盏LED HOLLE WORD

  • 2017年08月12日 14:01
  • 8.54MB
  • 下载

全志R16的android4.4.2平台点亮gc2145(evb30)版本:V1.1(分色排版)

全志R16的android4.4.2平台点亮gc2145(evb30)     1、配置ov2640在android层配置的分辨率为vga(预览/拍照/录像) 注意:系统自带的快拍APP就在这里查找分...
  • wb4916
  • wb4916
  • 2017年05月23日 15:13
  • 409

使用sopc点亮LED灯

  • 2017年08月05日 11:31
  • 26.46MB
  • 下载

51 c 点亮LED

  • 2017年06月12日 09:51
  • 8KB
  • 下载

现在有100个标记过的电灯泡。第一个人经过这些灯时,点亮所有的灯,第二个人经过时每隔一盏灯就切换开关一次,第三个人经过时每隔两盏灯切换开关一次。请问,当第100个人经过时,还剩多少盏亮着的灯?

偶然看到腾讯一个报道《15道烧糊大脑的苹果面试题》,里面有些很好算法题,就自己动手写了一下,寻求点乐趣。 出处URL:http://tech.qq.com/a/20120611/000062.htm...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:DOM---点亮星
举报原因:
原因补充:

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