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的博客上分享知识,分享自己宝贵的经验。他们用自己单薄的力量汇聚着正能量,我们不得不为他们点赞,不得不为他们做些事情。为了感谢大家的无私付出,也为了鼓励更多的人坚...

bananapi点亮lvds显示屏

  • 2017-10-12 09:29
  • 713KB
  • 下载

mini2440学习笔记 之01 配置ADS1.2编译调试程序(在sram中点亮LED)

1.打开 CodeWarrior     开始->所有程序->ARM Developer Suite v1.2->CodeWarrior for ARM Developer Suite 2.新...

FPGA点亮led跑马灯

  • 2016-04-21 21:16
  • 11.06MB
  • 下载

ARM底层学习笔记-裸板实验程序解析-点亮LED

首先明确目标:点亮LED 怎样才能点亮LED? 查看原理图,LED灯连接在CPU管脚上,只要控制该管脚输出高低电平就可以控制LED通断。 怎么控制管脚输出高低电平? 两个步骤配置相应寄存器: 1.配...

51单片机led灯点亮

  • 2014-10-12 13:13
  • 530B
  • 下载

Android设备屏幕锁定/解锁/屏幕点亮监听

Android设备屏幕锁定/解锁/屏幕点亮监听Android屏幕锁定,解锁,开屏比较常用,故抽象成一个公共的DeviceScreenListener。在使用使用,首先new出一个DeviceScree...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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