簡單的JS動效——點擊燈泡使其點亮或熄滅
我們需要準備的素材有：2張燈泡圖片，狀態(tài)分別是點亮和熄滅脚牍，圖片寬高必須一致环戈。
首先打開頁面是這個已經(jīng)點亮的狀態(tài)
當(dāng)我們點擊他時，就會呈現(xiàn)出這個樣子运杭。
下面讓我們來學(xué)習(xí)如何實現(xiàn)吧！
首先函卒，寫好頁面布局辆憔。
插入圖片：<img src="light_on.gif" onclick="changeimage()" id="myimage">
這里插入的圖片是已經(jīng)點亮的狀態(tài)，設(shè)置一個點擊事件為"changeimage"? id為"myimage"
然后再下方寫下<p>點擊燈泡使其點亮或熄滅</p>這個簡單的頁面布局就弄好了报嵌，接下來是js代碼虱咧。
首先，寫一個function changeimage()
然后用document.getElementById獲取要選擇的ID锚国，上面我們ID寫為"myimage"
然后用if判斷條件腕巡，當(dāng)match（匹配）到light_on.gif，就表示當(dāng)前圖片匹配血筑，則應(yīng)該點擊時更換圖片绘沉，所以寫上element.src="light_off.gif"來更換為熄滅的圖片煎楣。
否則，else更換為點亮的圖片车伞，然后我們的整個頁面就可以實現(xiàn)燈泡的點亮了转质！
希望各位對各位讀者老爺有所幫助，不足之處歡迎提出一起進步帖世。
