原理简介: 利用鼠标的单击onclick事件 触发上面的JS开关灯函数 通过改变网页背景的css样式 达到改变html背景颜色的效果
代码:
<!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">
.dark
{
background-color: Black;
}
.bright
{
background-color: White;
}
</style>
<script type="text/javascript">
function switch_on() { //函数开灯
document.body.className = "bright"; //调用样式表中的.bright 背景样式,使网页背景变亮
}
function switch_off() { //函数关灯
document.body.className = "dark"; //调用样式表中的.dark 背景样式,使网页背景变黑
}
</script>
</head>
<body>
<input type="button" value="开灯" onclick="switch_on()" />
<input type="button" value="关灯" onclick="switch_off()" />
</body>
</html>
分享到：
相关推荐
在本案例中，jQuery被用来控制网页元素的显示和隐藏，模拟开关灯的亮与暗，带给用户更直观的操作反馈。 开关灯特效的核心在于CSS样式和jQuery的动画功能。首先，网页上有一个开关按钮，通常设计为一个开灯和关灯的...
在 Scratch 编程环境中，"按钮控制灯开关程序"是一个典型的交互式项目，它通过编程逻辑使得...在实际操作中，可以根据需求增加更多的功能，比如添加多个灯或按钮，或者实现定时开关灯的效果，以提升编程技能和创造力。
- **定义**：滤波器是一种选择性地通过某些频率而阻挡其他频率的设备。 - **类型**： - **低通滤波器**：允许低频信号通过，阻止高频信号。 - **高通滤波器**：允许高频信号通过，阻止低频信号。 - **带通滤波器*...
2. 线性稳压器：虽然效率较低，但线性稳压器在某些场合因其简单的设计和低噪声特性仍被使用。它通过调整电阻来保持恒定的输出电压，适用于功率需求较小的射灯。 3. 调光器：为了实现对射灯亮度的控制，调光功能必不...
6. **调试与测试**：学会如何在模拟环境中测试程序，确保其在真实环境下能正确运行，以及在遇到问题时如何进行故障排查。 通过学习这个案例，不仅能提升ST编程技能，还能理解实际工程中的控制系统设计思路，对自动...
当鼠标悬停在灯泡元素上时，通过改变某些CSS属性（如背景色、透明度等），模拟灯泡被点亮的过程。同时，可能还使用了`transform`属性来实现灯泡的摇晃效果，比如改变`rotate`值，使灯泡在空间中产生旋转，增加动态感...
3. **LED灯**：包括红、黄、绿三种颜色，用以模拟交通灯的功能。通过单片机的P1口控制，实现交通灯的有序切换。 4. **电阻**：主要用于电流限制，保护LED灯不受过流损坏。510Ω电阻用于连接LED灯，而3.3KΩ和5.1KΩ...
- **A/D转换模块**：在某些情况下，PLC需要处理模拟信号，如温度、压力等。A/D转换模块可以将模拟信号转换为数字信号，以便PLC处理。 - **模拟量控制**：除了简单的开关量控制外，PLC还可以通过编程实现对模拟量的...
二是8255控制交通灯，通过LED灯模拟交通信号灯的工作过程，实现东西向和南北向交通灯的交替亮灭，同时包含黄灯的闪烁功能。 #### 实验原理与方法 8255芯片是一种通用并行输入/输出接口芯片，广泛应用于微机系统中...
60. 为什么系统上电后，即使CP342-5开关已经拨至Run，但始终处于STOP状态？ 15 61. 如何用CP342-5组态PROFIBUS从站？ 15 62. 如何用CP342-5组态PROFIBUS主站？ 15 63. 采用CP342-5的DP通讯口与采用CPU集成的DP通讯口...
在本案例中，通过STARTER软件在线监控发现模拟量输入端的电流显示异常，且经过换用正常设备对比测试后发现电流仍然不正常，最后通过调整控制单元的DIP拨码开关，并确保模拟量输入端电流处于正常范围，问题得到解决。...
1. **GPIO控制**：通过控制GPIO口的状态来实现对外部设备的驱动，例如LED灯的开关控制。 2. **定时器/计数器应用**：利用定时器功能实现精确的时间控制，如定时任务的执行。 3. **串行通信**：通过UART接口实现与...
支持延时启动和延时停止定时器，可以用于控制周期性动作，如定时开关灯、定时启动设备等。 3. **计数器应用**：计数器指令用于累计输入信号的脉冲数，可以用于计数物品、监控设备运行次数等。 4. **模拟量处理**：...
5. **交互与动画**：对于某些项目，3D模型还需要进行交互设计或动画制作，比如虚拟漫游，让用户可以从不同角度查看卧室，甚至模拟开关灯、拉窗帘等动态效果。 6. **文件格式与交流**：3D模型的文件格式多种多样，如...
通过对热释电传感器输出信号的处理，可以实现对环境内人体活动的监控，进而触发各种自动化系统，如自动开关灯、安防报警等。 此外，随着物联网技术的发展，这类探测电路还可以接入网络，实现远程监控和智能控制。...
在《十字路口红绿灯的PLC控制教学设计》这份文档中，主要介绍了一个针对晋城市高级技工学校（晋城技师学院）的一体化课程教学设计案例。该课程的目标是让学生通过实际操作掌握可编程逻辑控制器（PLC）的基本编程方法...
4. **同步与异步控制**：系统可能需要接收外部输入，如手动控制开关或紧急情况信号，这些输入需要被适当地同步或异步处理。 5. **测试与验证**：设计完成后，需要通过仿真工具（如ModelSim、GHDL等）对VHDL代码进行...
6. **2-3 LED流水灯**：流水灯是单片机教学中的经典案例，它演示了如何利用循环和定时器来控制一组LED依次点亮，有助于理解中断和定时器的工作原理。 7. **5-2 LCD1602调试工具**：LCD1602是一种常见的字符型液晶...
LG PLC实用例程21个.zip这个压缩包文件包含了21个与LG PLC相关的实践案例，对于初学者来说，这是一个非常宝贵的资源库。PLC，全称可编程逻辑控制器，是工业自动化领域的核心设备，用于控制机械设备或生产过程。通过...
这种方式通常适用于电感性负载，如荧光灯或某些类型的LED灯。在前切调光电路中，开关在电源电压的峰值之前打开，然后在低于峰值的某个点关闭。这种操作方式可以避免负载在电压峰值时受到过大的电流冲击，同时实现...