java Script 鼠标点击切换图片
1.首先提前准备一组图片 ; (鼠标点击开关切换图片)
切换开关图片和灯泡图片(点击开关显示开关时间)
2.图片放入body中 设置样式 (id=“div05” 接收点击和关闭的时间的输出)
3.编写鼠标点击事件(直接在js中设置判断点击事件)
1.获取图片id 设置样式为 div02.style.display = “none”; 不在显示中显示图标
2.设置点击时 每个图片的样式(display 是否显示)
4.设置点击开关时时间的显示函数(在点击开关时调用)输出在id=“div05” 中
5.显示效果和代码
演示
相关文章:
- JavaScript banner轮播 左右切换 圆点点击切换 2021-12-12
- 原生js点击按钮切换图片 2021-10-19
- jQuery实现点击开关图片切换 2021-11-12
- JavaScript 获取鼠标点击位置坐标 2021-11-07
- 【HTML】- 鼠标悬停图片时切换查看器 2021-05-22
- js鼠标滚轮滚动图片切换效果 2021-05-15
- JavaScript实现图片切换 2021-06-27