如何用JSjQuery制作一个基于长尾词的动态开关灯效果？

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

原文示例讲述了JS/jQuery实现简单开关灯效果。分享给家长供参考，具体如下：

实现效果：结构只有两个按钮- button id=left 开灯 /- button id=right 关灯 /

方法一：使用原生JavaScriptjavascript// 开灯函数function turnOnLight() { document.getElementById('light').style.backgroundColor='yellow';}

// 关灯函数function turnOffLight() { document.getElementById('light').style.backgroundColor='black';}

// 绑定按钮点击事件document.getElementById('left').addEventListener('click', turnOnLight);document.getElementById('right').addEventListener('click', turnOffLight);

本文实例讲述了JS/jQuery实现简单的开关灯效果。