js实现开灯关灯效果

<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById(‘myimage‘)
if (element.src.match("bul1")) //这里的意思是让bul1与图片名称匹配,如果图片名称中含有bul1,则为真
  {
  element.src="/images/pic_bulboff.gif";
  }
else
  {
  element.src="/images/pic_bul1.gif";
  }
}
</script>

<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">

<p>点击灯泡就可以打开或关闭这盏灯</p>

</body>
</html>
时间: 2024-12-16 02:44:26

js实现开灯关灯效果的相关文章

python :开关,开灯关灯

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Title</title> <style > .hide{ display:none } </style> </head> &

开灯关灯问题

http://www.cnblogs.com/haolujun/archive/2012/10/10/2719031.html 有编号1~100个灯泡,起初所有的灯都是灭的.有100个同学来按灯泡开关,如果灯是亮的,那么按过开关之后,灯会灭掉.如果灯是灭的,按过开关之后灯会亮. 现在开始按开关. 第1个同学,把所有的灯泡开关都按一次(按开关灯的编号: 1,2,3,......100).第2个同学,隔一个灯按一次(按开关灯的编号: 2,4,6,......,100).第3个同学,隔两个灯按一次(按

开灯问题

有n盏灯,编号1-n.第1个人把所有灯打开,第2个人按下所有编号为2的倍数的开关(这些灯将被关掉),第3个人按下所有编号为3的倍数的开关(其中关掉的灯将被打开,开着的灯将被关闭),依次类推.一共有k个人,问最后由哪些灯开着? 输入n和k,1≤k≤n≤1000.输出开着的灯编号. 样例输入: 7 3 样例输出: 1 5 6 7 分析: 使用memset函数,将数组中一定长度中的内容替换成指定字符.其中有三个参数,第一个是需要替换的数组,第二个是替换的值,第三个是长度值,一般使用sizeof函数.

算法竞赛入门经典_3.1_数组_逆序输出_开灯问题

又是新的一天,继续更新. 今天进入了新的章节,数组和字符串 1.逆序输出问题: 先来看代码吧 #include <stdio.h> //逆序输出 2017-8-16 #define maxn 105 int a[maxn]; int main(int argc, char* argv[]) { //int a[maxn]; int x, n = 0; while (scanf("%d", &x) == 1) a[n++] = x; for (int i = n -

n个灯,k个人的开灯问题java实现

1.问题描述 有n个灯,编号为1-n.第一个人把所以灯打开,第二个人按下 所有编号为2的倍数的开关,第三个人按下3的倍数的开关,依次类推, 一共有k个人,问最后有哪些灯开着? 样例输入: 7 3 样例输出: 1 5 6 7 2.实现代码 /** * */ package com.sunny.www.interview; /** * n个灯,k个人的开灯问题 * 灯类 * @author sunny */ public class Lamp { /** * 灯的状态(1:打开:0:关闭) */ p

js实现轮播图效果(附源码)--原生js的应用

1.js实现轮播图效果 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="Author" content="奇客艺术"> <meta name="keyword" content="关键字"> <meta name=

9509 开灯(dfs)

9509 开灯 时间限制:1000MS  内存限制:65535K提交次数:0 通过次数:0 题型: 编程题   语言: G++;GCC Description 有16的开关分别控制16盏灯,开关排列成4*4的矩形,这些开关有这样的关系: 你改变其中一个开关的状态,与其同行和同列的开关的状态也跟着改变.先给出一个这些开关的初始状态,要求将所有的开关都打开,让所有的灯都亮起来,要求按下开关的次数最少. 输入格式 第一行输入一个整数t,表示有多少个case,每个case之间有一空行,每个case输入一

9509 开灯

9509 开灯 时间限制:1000MS  内存限制:65535K提交次数:0 通过次数:0 题型: 编程题   语言: G++;GCC Description 有16的开关分别控制16盏灯,开关排列成4*4的矩形,这些开关有这样的关系: 你改变其中一个开关的状态,与其同行和同列的开关的状态也跟着改变.先给出一个这些开关的初始状态,要求将所有的开关都打开,让所有的灯都亮起来,要求按下开关的次数最少. 输入格式 第一行输入一个整数t,表示有多少个case,每个case之间有一空行,每个case输入一

Qt利用代码实现流水灯的效果

用代码实现流水灯的效果 其实很想实现这种流水灯的效果了,看起来挺酷的,用处也很多,只是开始没有思路不知道怎么去实现,于是在我的超市收银项目中就采用了图片加载的方式进行显示,效果如下图所示: 由于是动态图片,显示的时候就要用到QMovie进行加载,简单的代码如下所示: QMovie *move = new QMovie(":/images/splash.gif"); QLabel *label = new QLabel("",0); label->setWind