<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>简单的开灯关灯效果</title>
<style type="text/css">
.cls
{
background-color: Gray;
}
</style>
<script src="jquery-1.10.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#Btn').click(function () {
if ($('body').hasClass('cls')) {
$('body').removeClass('cls');
$('#Btn').val('关灯');
} else {
$('body').addClass("cls");
$('#Btn').val('开灯');
}
});
});
</script>
</head>
<body>
<input type="button" value="开灯/关灯" id="Btn" />
</body>
</html>
相关推荐
页面开灯关灯效果的实现（一个按钮两种状态，主要是利用修改背景颜色来实现）
css3+jQuery开灯关灯动画代码.rar css3+jQuery开灯关灯动画代码.rar css3+jQuery开灯关灯动画代码.rar css3+jQuery开灯关灯动画代码.rar css3+jQuery开灯关灯动画代码.rar css3+jQuery开灯关灯动画代码.rar css3+...
在IT行业中，实现一个开灯关灯特效通常指的是在图形用户界面（GUI）或游戏引擎中创建一个模拟灯光开关效果的动画。这个特效可以应用于各种场景，如虚拟家居设计、电子游戏或者移动应用中的交互元素。下面将详细介绍...
在开灯关灯的应用中，我们可能会使用CSS来改变网页的整体背景色或文字颜色，以此模拟“开灯”和“关灯”的效果。例如，可以定义两个不同的CSS类，一个代表亮光模式，背景色为白色；另一个代表暗光模式，背景色为黑色...
jQuery css3绘制卡通兔子，漆黑的夜里关灯开灯隐藏显示动画特效。
4. **CSS3动画**：如果希望开灯和关灯过程有更丰富的动画效果，可以使用CSS3的关键帧动画（@keyframes）来定义更复杂的灯光变化过程，例如从中心点逐渐扩散的光晕效果。 5. **整合与测试**：最后，将HTML、CSS和...
Android 开灯 关灯 checkbox Radio组件用法演示,向大家展示了如何为CheckBox和RadioButton添加监听器及开关灯业务代码，通过单击不同的按钮，切换开灯图片和关灯图片，设置程序操作状态如下： public void ...
有n盏灯，编号都是1-n，初始灯都是关着的。有n个人，第1个人会打开所有的灯，第2个人会按下所有编号为2的倍数的灯的开关（这些灯将被关掉），第3个人会按下所有编号为3的倍数的开关，以此类推，第n个人会按下所有...
这个名为"jQuery点击开关按钮视频网站背景开灯关灯代码.zip"的压缩包提供了一套实现视频网站背景开灯关灯效果的jQuery代码。下面将详细介绍这个项目中的关键知识点。 首先，`jquery.allofthelights.css`是样式表...
在网页设计中，为了提供更好的用户体验，特别是在观看视频时，许多网站会采用“关灯”或“开灯”效果。这种效果允许用户在观看视频时将网页其他部分暗化，焦点集中在视频上，减少视觉干扰。`jQuery`库提供了一个简单...
css3+jQuery开灯关灯动画代码-haiyong.zip 是一个包含 CSS3 和 jQuery 实现的开灯关灯动画效果的代码资源包。该资源包提供了一种简单而优雅的方式来为网页元素添加开关灯效果，增强了用户体验和交互性。 适用人群：...
本文将深入探讨如何利用jQuery和CSS3实现一款极具创意的“黑夜开灯关灯”动画特效，该效果可以为网页增添独特的视觉体验。此特效主要涉及的文件包括HTML结构、CSS样式以及jQuery脚本，通过它们的协同工作，我们可以...
【开灯关灯J2me手机游戏】是一款基于Java ME（J2ME）平台开发的简单手机游戏。Java ME是Java的一种轻量级版本，主要用于移动设备和嵌入式系统的应用开发，如早期的智能手机和平板电脑。这款游戏的核心概念是通过逻辑...
CSS可以改变元素的透明度、背景色等属性，实现“开灯”（背景变亮）和“关灯”（背景变暗）的效果。例如，使用`body { background-color: #000; opacity: 0; transition: all 0.5s; }` 创建初始的暗背景，并在...
在这个名为"js+css3灯泡开关开灯关灯黑白切换特效.zip"的压缩包中，我们可以看到一个利用JS和CSS3实现的灯泡开关动画，以及黑白切换的效果。下面将详细介绍这一特效的实现原理和关键知识点。 首先，我们关注的是...
// 开灯效果 changeScreenBrightness(true); } else { // 关灯效果 changeScreenBrightness(false); } } }); ``` `onCheckedChanged` 方法会在 ToggleButton 的状态改变时被调用，`isChecked` 参数表示当前...
HTML5实现的关灯小游戏,请按下面开始按钮开始游戏,每关只能重置一次.本游戏由49盏灯所组成，共有两种状态,灯开的状态为黄色，关的状态为黑色，当按开始游戏按钮时，会模拟点亮一些灯当你把所有黄色的灯点为黑色，就...
在Android开发中，"开灯或者关灯"的场景通常是指改变UI元素的透明度或颜色，以模拟光线的变化效果。这种效果可以用于各种应用场景，比如游戏中的昼夜交替、阅读应用的护眼模式切换等。这里我们将深入探讨如何利用...
5. **命令解析与执行**：识别出的语音命令需要被解析成具体的操作，比如"开灯"或"关门"。这一过程可能涉及到一个命令解析模块，将文本指令映射到实际的设备控制动作。 6. **设备控制**：开发板通过I/O接口（如GPIO...
在开灯状态下，有笑脸的形状。在关灯状态下，会有小鬼移动。主要运用的是css技术，JavaScript只用了一个。适合刚刚入门的选手，欢迎指出问题。。