如何用JavaScript制作灯泡点亮动画效果示例？
- 内容介绍
- 文章标签
- 相关推荐
本文共计284个文字，预计阅读时间需要2分钟。
Certainly! Here's a simplified and concise version of the provided HTML and JavaScript code snippet:
Light Bulb
This code creates a simple webpage with a light bulb element. Clicking the light bulb toggles its class, changing its appearance.
本文实例为大家分享了javascript实现点亮灯泡特效的具体代码，供大家参考，具体内容如下
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name='description' content='本文来源于Apollo个人整理,仅供参考!'> <title>点亮灯泡</title> <style type="text/css"> div{ width: 500px; height: 400px; background-color:lightgoldenrodyellow; } </style> </head> <body> <div> <img id="demo" src="./pic_bulboff.gif" alt="灯泡"> </div> <script> document.getElementById('demo').onclick = function () { ele = document.getElementById('demo'); if (ele.src.match('bulbon')){ ele.src = './pic_bulboff.gif'; }else{ ele.src = './pic_bulbon.gif'; } } </script> </body> </html>
图片pic_bulboff.gif
图片pic_bulbon.gif
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。
本文共计284个文字，预计阅读时间需要2分钟。
Certainly! Here's a simplified and concise version of the provided HTML and JavaScript code snippet:
Light Bulb
This code creates a simple webpage with a light bulb element. Clicking the light bulb toggles its class, changing its appearance.
本文实例为大家分享了javascript实现点亮灯泡特效的具体代码，供大家参考，具体内容如下
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name='description' content='本文来源于Apollo个人整理,仅供参考!'> <title>点亮灯泡</title> <style type="text/css"> div{ width: 500px; height: 400px; background-color:lightgoldenrodyellow; } </style> </head> <body> <div> <img id="demo" src="./pic_bulboff.gif" alt="灯泡"> </div> <script> document.getElementById('demo').onclick = function () { ele = document.getElementById('demo'); if (ele.src.match('bulbon')){ ele.src = './pic_bulboff.gif'; }else{ ele.src = './pic_bulbon.gif'; } } </script> </body> </html>
图片pic_bulboff.gif
图片pic_bulbon.gif
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。