使用javascript实现开灯关灯案例
程序员文章站
2024-03-20 20:08:40
...
使用javascript实现开灯关灯案例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>开灯关灯案例</title>
</head>
<body>
<img id="light_img" src="img/off.gif">
<script>
//获取图片对象
var light=document.getElementById("light_img");
//false代表灯是灭的
var flag=false;
//绑定点击事件
light.onclick=function(){
//如果true，即灯是开的
if (flag){
light.src="img/off.gif";
flag=false;
}else {//如果false，即灯是灭的
light.src="img/on.gif";
flag=true;
}
}
</script>
</body>
</html>
下一篇： Rabbit MQ 集群架构下的几种模式
推荐阅读
-
使用javascript实现开灯关灯案例
-
jQuery和JavaScript分别实现开关灯
-
使用jquery及javascript实现文本滚动效果 博客分类： web开发学习笔记 JavaScriptjQuery
-
session的典型案例一:使用session实现购物车
-
JavaScript点击按钮开关灯案例
-
使用Spring AOP实现MySQL数据库读写分离案例分析（附demo）
-
使用Spring AOP实现MySQL数据库读写分离案例分析（附demo）
-
使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟
-
使用滑动条实现不同身份登录 博客分类： JavaScript XHTML
-
使用JavaScript代码实现各种数据控件的反选功能 不要只做拖控件的菜鸟