javaScript鼠标点击切换图片
java Script 鼠标点击切换图片
1.首先提前准备一组图片 ; (鼠标点击开关切换图片)
切换开关图片和灯泡图片(点击开关显示开关时间)
2.图片放入body中 设置样式 (id=“div05” 接收点击和关闭的时间的输出)
3.编写鼠标点击事件(直接在js中设置判断点击事件)
1.获取图片id 设置样式为 div02.style.display = “none”; 不在显示中显示图标
2.设置点击时 每个图片的样式(display 是否显示)
4.设置点击开关时时间的显示函数(在点击开关时调用)输出在id=“div05” 中
5.显示效果和代码
演示