实现点击事件,来点击图片来实现图片的切换,模拟电灯的开关
两张图片
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <img id="light" src="./off.gif"> <script> var light=document.getElementById("light"); var i=1; light.onclick= function(){ if(i==1) { light.src="on.gif"; i--; } else if(i==0) { light.src="off.gif"; i++; } } </script> </body> </html>