如何实现JavaScript点击切换灯泡亮灭的动态效果示例？

本文共计371个文字，预计阅读时间需要2分钟。

原文示例：本文实例讲述了JavaScript实现的开关灯泡点击切换特效。分享给广大大家庭供大家参考，具体如下：

准备：首先，需要准备两张图片，一张是灯泡亮的图片，命名为on.jpg，另一张是灯泡灭的图片，命名为off.jpg。

代码示例： 开关灯泡特效 #light { width: 100px; height: 100px; background-image: url('on.jpg'); background-size: cover; cursor: pointer; }

本文实例讲述了JavaScript实现的开关灯泡点击切换特效。分享给大家供大家参考，具体如下：

准备

首先要准备两张图片，一张是灯泡亮的图片，取名为on.jpg，另一张是灭的图片，取名为off.jpg，都放置到当前的目录下。